/* ---------------- Helpers -------------------- */

/* Clearfix (use .group) */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* -----------------------------------
	Main Structure
----------------------------------- */
html {
	background-color : #DCD1C6;

	background-image : url(/kent-img/bg-transp/kent-trans-bg-16.png);

	
}

body {
	background-color : transparent;
	background-repeat : repeat-x;
	position:relative;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
	body {
		
	}
}
body #wrapper
{
	position:relative;
	width : 1000px;
	margin:0 auto;
	;
	display:flex;
	flex-direction:column;
}
body #wrapper>* {
	flex:0 0 auto;
}
body #wrapper>#main {
	flex-grow:1;
}
body>.main-tabs
{
	position:relative;
	width : 1000px;
	margin:0 auto;
}
.wrapper {
	width : 1000px;
}

@media screen and (max-width:1000px) {
.wrapper{
	width:100% !important;
}
}

@media screen and (max-width:800px) {
.wrapper, #main-top-bar {
	width:800px !important;
}
}

 #bgImg
{
	width:100%;
	height:100vh;
	background-size:cover;
	
	position:absolute;
	top:0;
	left:0;
}
/*
 #bgImg:after
{
	content:'';
	
	background: linear-gradient(to bottom,  rgba(220,209,198,0) 0%,rgba(220,209,198,0) 69%,rgba(220,209,198,1) 100%);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
*/

.wrapper.shadow {

	-moz-box-shadow: 0 0 20px 0 rgba(102,102,102,1.0);
	-webkit-box-shadow: 0 0 20px 0 rgba(102,102,102,1.0);
	box-shadow: 0 0 20px 0 rgba(102,102,102,1.0);
	
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	
	
	/* {if above == below} margin-top : 40px; {/if} */
		
	
	margin-bottom : 20px;
	
}

/* ------------------------------------
	Barre de fonctions
---------------------------------------- */
 #main-top-bar {
	min-height : 49px;
	background-color : #7F6957;
	
	color : #FFFFFF;
	position:relative;
	
	z-index:9;
	font-size : 1.25em;
	box-sizing:border-box;
	padding:0 15px;
	display:flex;
	justify-content:space-between;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
	#main-top-bar {
		
	}
}
 #main-top-bar>ul {
	margin:0;
}
 #main-top-bar>ul>li {
	display:inline-block;
	max-height:49px;
	line-height:49px;
	position:relative;
	vertical-align:top;
	font-family:Raleway;
	font-weight:bold;
}
 #main-top-bar>ul>li>a {
	color:inherit;
	height : 49px;
	line-height : 49px;
	display:block;
	text-align:center;
	font-weight:inherit;
	font-family:inherit;
}
 #main-top-bar>ul>li>a>span {
	padding:0 10px;
}
 #main-top-bar>ul>li:hover>a {
	color:#000000;
	text-decoration:none;
}
 #main-top-bar>ul>li>a.button {
	color : #7F6957;
	background-color : #FFFFFF;
	border-radius:3px;
	border:none;
	height:auto;
	min-width:0;
	line-height:calc(.8 * 49px);
	padding:0 5px;
	display:inline-block;
}
 #main-top-bar>ul>li>a.button:hover {
	background-color : #000000;
}
 #main-top-bar>ul>li>a.kent-ico, #main-top-bar .avatar {
	font-size:24px;
	width:49px;
	font-weight:normal;
}
 #main-top-bar .topbarMenu {
	position:absolute;
	top:49px;
	left:calc(49px * -.7);
	line-height:1.5;	
	color : #6A7186;
	font-size:13px;
	width : 260px;
	background-color : #F3F3F3;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	margin-top:-3px;
	border-radius:3px;
	padding:6px 0 12px;
	font-family:SourceSans,Arial, sans-serif;
	font-weight:500;
}
 #main-top-bar ul:nth-child(2) .topbarMenu {
	left:auto;
	right:calc(49px * -.7);
 }
 #main-top-bar ul:first-child li:first-child .topbarMenu {
	left:0;
}
 #main-top-bar ul:nth-child(2) li:last-of-type .topbarMenu {
	right:0;
}
 #main-top-bar .topbarMenu p {
	line-height:2em;
	margin:0;
	font-family:inherit;
}
 #main-top-bar .topbarMenu>p.header {
	padding:0 12px 6px;
	font-weight:bold;
	border-bottom:1px solid #AFA79F;
	text-align:center;
	margin-bottom:5px;
}
 #main-top-bar .topbarMenu p a, #main-top-bar .topbarMenu p span, #main-top-bar .topbarMenu form {
	padding:0 12px;
}
 #main-top-bar .topbarMenu p a {
	color:inherit;
	display:block;
}
 #main-top-bar .topbarMenu p a:hover {
	text-decoration:none;
	background-color:#CD2E28;
	color:#FFFFFF;
}
 #main-top-bar .topbarMenu hr {
	height:0;
	border-bottom : 1px solid #AFA79F;
	margin:5px 0;
}

/* -------- Specifics topBar ------- */
 #main-top-bar .lang img {
	max-width:calc(2 * 24px);
	max-height:calc(24px - 4px);
	vertical-align:middle;
}
 #main-top-bar .lang>a {
	padding:0 calc((49px - 24px) / 2);
}
 #main-top-bar .lang>a>img {
	margin-top:-4px;
}
 #main-top-bar .lang .topbarMenu {
	width:auto;
}
 #main-top-bar .lang .topbarMenu li {
	list-style-type:none;
	margin-bottom:5px;
	white-space:nowrap;
}
 #main-top-bar .lang .topbarMenu li img {
	margin-right:10px;
}
 #main-top-bar .lang .topbarMenu li a {
	color:inherit;
	display:block;
}
 #main-top-bar .lang .topbarMenu li a:hover {
	text-decoration:none;
	background-color:#CD2E28;
	color:#FFFFFF;
}
 #main-top-bar .avatar div {
	width:1em;
	height:1em;
	display:block;
	position:absolute;
	top:calc(50% - .5em);
	left:calc(50% - .5em);
}
 #main-top-bar .basket-list p {
	position:relative;
}
 #main-top-bar .basket-list .actions {
	position:absolute;
	right:0;
	top:0;
}
 #main-top-bar .basket-list .actions a {
	display:inline;
	padding:0;
	margin-left:5px;
	font-size:16px;
}
.topbarSupermenu {
	font-family:Raleway;
	font-weight:bold;
}
.topbarSupermenu>a {
	padding:0 10px;
}


 #topSearch {
	position:static !important;
}
 #topSearch .quickSearch {
	position:static;
}
 #topSearch form>div:first-child {
	position:absolute;
	top:0;
	right:0;
	width:0;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#595959;
	height:100%;
	white-space:nowrap;
	z-index:1;
	opacity:0;
	transition-duration:.3s;
	transition-property:width,opacity;
}
 #topSearch.opened form>div:first-child {
	width:100%;
	opacity:1;
}
 #topSearch .kent-ico {
	background-color:transparent;
	color:inherit;
	height : 49px;
	width : 49px;
	line-height : 49px;
	text-align:center;
	font-size:24px;
	vertical-align:top;
	min-width:0;
	padding:0;
}
 #topSearch button {
	margin-left:calc(180px - 49px);
	border:none;
}
 #topSearch input[type="text"] {
	background-color:transparent;
	color:inherit;
	font-size:inherit;
	border:none;
	width:calc(100% - 180px - 180px);
	height : 49px;
	line-height : 49px;
	vertical-align:top;
}
 #topSearch input[type="text"]::placeholder {
	color:inherit;
}
 #topSearch input:focus, #topSearch button:focus {
	outline:none;
}
 #topSearch .close {
	position:absolute;
	top:0;
	right:0;
}
 .search-menu {
	position:absolute;
	top:49px;
	right:180px;
	width:calc(100% - 180px - 180px);
	margin-top:-3px;
	max-height:calc(100vh - 49px);
	line-height:2em;	
	color : #6A7186;
	font-size:13px;
	background-color : #F3F3F3;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding:15px;
	font-family:SourceSans,Arial, sans-serif;
	font-weight:500;
	z-index:2;
	overflow:hidden;
	box-sizing:border-box;
	transition-property:top;
	transition-duration:.3s;
	display:flex;
	flex-wrap:wrap;
	gap:32px;
}
.search-menu>div {
	flex:1 0 calc(50% - 16px);
	min-width:0;
}
@media screen and (max-width:1200px) {
	.search-menu>div {
		flex:0 0 100%;
	}
}
.search-menu .acResults {
	flex:0 0 100%;
}
.search-menu>.group>div:not(:last-child) {
	margin-bottom:32px;
}
.search-menu .boxesGroup{
	display:flex;
	flex-wrap:wrap;
	gap:8px 16px;
}
.search-menu .boxesGroup>span{
	flex:0 0 calc((100% - 32px) / 3);
}
 #topSearch:not(.opened) .search-menu {
	top:calc(-100vh + 49px);
}
 .search-menu ul {
	margin:0 0 0 2em;
}
.search-menu a:hover, {
	text-decoration:none;
	color:#CD2E28;
}
.search-menu input[type="checkbox"], .search-menu input[type="radio"] {
	margin-right:1em;
	vertical-align:middle;
}
.search-menu label {
	font-weight:inherit;
}
@media screen and (max-width:700px) {
	.search-menu {width:100%;right:0;}
}
/* ===== Formulaire recherche ===== */
 .quickSearch {
	display : block;
	margin : 0 auto;
	position : relative;
	width:100%;
}
 .quickSearch .sfield
{
	width:100%;
	background-color:#FFFFFF;
	border:1px solid #898989;
	height:2em;
	border-radius:1em;
	line-height:2em;
	margin:0px !important;
	position:relative;
	color:#595959;
	font-size:1.5em;
	outline:none;
	padding:0 2em 0 1em;
}
 .quickSearch .sfield+input[type=submit]
{
	margin:0px !important;
	position:absolute;
	right:.75em;
	border : 0 none;
	cursor:pointer;
	width : 1em;
	font-size:1.5em;
	text-align:center !important;
	line-height:2em;
	height:2em;
	background-color : transparent;
}
.quickSearch input[type=text]::placeholder{
	color:#A6A6A6;
}
.quickSearch .optionsLoader {
	display:none;
}
.quickSearch .optionsOpener {
	flex:0 0 2em;
	line-height:2em;
	height:2em;
	text-align:center;
	border-radius:1em;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #898989;
	color:#595959;
	font-size:1.5em;
	margin-right:32px;
}
.quickSearch .qsMenu {
	position:absolute;
	top:calc(2 * 1.5em + 8px);
	color:#595959;
	background-color:#FFFFFF;
	border-radius:1em;
	left:0;
	padding:24px;
	max-width:50%;
	min-width:400px;
	z-index:5;
	box-shadow:0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24);
	transition:all .3s;
}
.quickSearch .qsMenu>div:not(:last-child), .quickSearch .qsMenu>.group>div:not(:last-child){
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid #BFBFBF;
}
.quickSearch .qsMenu a,.quickSearch .qsMenu h3{
	color:inherit;
}
.quickSearch .qsMenu h4{
	border-bottom:0;
	font-size:1.25em;
	color:inherit;
}
.quicksearch .qsMenu ul {
	margin-bottom:0;
}
.quickSearch .qsMenu .boxesGroup{
	display:flex;
	flex-wrap:wrap;
	gap:8px 16px;
}
.quickSearch .qsMenu .boxesGroup>span{
	flex:0 0 calc((100% - 32px) / 3);
}
.quickSearch .qsFocus:empty {
	display:none;
}
.quickSearch .acResults {
	max-height:200px;
	overflow:hidden;
}
.quickSearch .acResults a{
	display:block;
	margin-left:-4px;
	padding-left:4px;
}
.quickSearch .acResults a.active,.quickSearch .acResults a:hover{
	background-color:#8B2111;
	color:#FFFFFF;
	text-decoration:none;
}
.quickSearchImage {
	display:flex;
	align-items:center;
	width:100%;
}
.quickSearchImage .sfield{

	
	flex:1 0 300px;
	box-sizing:border-box;
}
.quickSearchImage .sfield:not(:focus) {
		background-color:rgba(255,255,255,0.7);
}
.quickSearchImage>div {
	flex:0 0 auto;	
	flex-wrap:wrap;
	justify-content:flex-end;
}
.quickSearchImage form>div {
	display:flex;
	position:relative;
}
.quickSearchImage .sfield+div {
	flex:0 0 auto;
	display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;padding-left:32px;
}

.quickSearchImage .sfield+div ax>span:nth-child(2){
	display:none;
}
.quickSearchImage .sfield+div a{
	white-space:nowrap;
	min-width:0;
	font-weight:normal;
	font-size:1.5em;
	margin-left:0;	
	border-radius:1em;
	line-height:2em;
	height:2em;
}

input[type=button]+input[type=submit]
{
	float:right;
}
.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6 {
	color : #8B2111;
}

/* -------------------------------------------------------------- 
   Onglets
-------------------------------------------------------------- */
.main-tabs {
	font-size : 16px;
	padding-top : 40px;  /* Distance en px des onglets de la barre de fonction */
	display:block;
}

 #head-image .shadow .main-tabs{
	position : absolute;
	bottom : 0;
	left:0px;
}

.main-tabs ul {
	margin : 0;
	padding : 0;
	
	/* { IF Tabs_align == right } float : right; {/IF} */
		
	
	/* { IF Tabs_align != right AND Tabs_align != left } margin-left : 180px;*/ /* VarK Tabs_align {/IF} */
	
}

.main-tabs li {
	list-style : none;
	display : block;
	float : left;
	padding-left : 5px;
	padding-right : 5px;
}

.main-tabs li.hidden
{
	display:none;
}

.main-tabs li:first-child {
	padding-left : 10px;
}

.main-tabs li:last-child {
	padding-right : 10px;
}

.main-tabs a {
	display : block;
	float : left;
	color : #FFFFFF;
	height : 28px;
	line-height : 28px;
	padding-left : 20px;
	padding-right : 20px;
	
	background-color: #8B2111;
	
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	margin-top:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.main-tabs a:hover {
	text-decoration : none;
	margin-top:0px;
	padding-bottom:0px;
}
 .main-tabs .active a
{
	max-width:100%;
}
.main-tabs .active a, .main-tabs a:hover {
	
	/* {IF VarK Tabs_gradient__hover_bottom_color != Tabs_gradient__hover_top_color} */
	
	background-color: #8B2111;	
	color : #FFFFFF; /*  VarK Tabs_hover_text_color */
	margin-top:0px;
	height:28px;
}
.main-tabs.above {
	
	z-index:1;
}

/* -----------------------------
   Bandeau image entête
-------------------------------- */
 #head-image {
	display : block;
	height : 0px;
	font-family:Raleway;
	background-image : url('/icon/YYA/Ressource_YYA_200004.jpg');
	background-repeat : repeat-x;
	background-position : center center;
	background-color:transparent;
	background-size:auto;
	position:relative;
}

 #head-image .shadow{
	display : block;
	height : 0px;
	background-repeat : repeat-x;
	position : relative;
}
 #head-image.below {
	/* {if VarK Tabs_position == below} display : none; {/if} */
	
}

.main-tabs.below {
	/* {if VarK Tabs_position == above} display : none; {/if} */
	 display : none;
	padding-top:0px;
	margin-top:-28px;
	min-height:28px;
	position:relative;
}

 #head-image.above {
	
	/* {if VarK Tabs_position == above} display : none; {/if} */
	display : none;
	
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
}

 #head-image.above .shadow{
	border-top-left-radius : 10px; /* VarK Page_top_radius */
	border-top-right-radius : 10px; /* VarK Page_top_radius */
}

 #head-image .shadow.top{
	background-position : center top;
	background-image : url(/kent-img/bandeau_degrade_hvb.png);
	opacity:0.50;
	
	filter:Alpha(opacity=5000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	background-color:transparent;
}

 #head-image .shadow.bottom{
	background-position : center bottom;
	background-image : url(/kent-img/bandeau_degrade_bvh.png);
}
 #head-image .contents
{
	position:absolute;
	top:0px;
	left:0px;
	height : 0px;
	width:100%;
}

 #head-image h1{
	position:absolute;
	right : 60px;
	bottom : 0px;
	width:auto;
	color : #FFFFFF;
	font-weight : 300;
	font-size: 3.8em;
	float : left;
	margin:0px;
	line-height:100%;
}
 #head-image h1 a{
	color : #FFFFFF;
}
 #head-image #head-logo
{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	line-height:0px;
}
 #head-image #head-logo img
{
	vertical-align:middle;
	margin:0px 5px;
	max-height:90%;
	max-width:90%;
}

 #head-image .quickSearchImage {
	position:absolute;
	
	width:60%;
	max-width:800px;
	min-width:300px;
	right:5%;
	
	
	
	
	height:100%;
}
 #head-image .quickSearchImage form>div {
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px 0;
}
 #head-image .quickSearchImage .sfield{
	min-width:300px;
}
@media screen and (max-width:300px) {
	 #head-image .quickSearchImage .sfield{
		min-width:100vw;
	}
}

/* -------------------------------------------------------------- 
   Barre Menu haut
-------------------------------------------------------------- */
 #main-menu {
	font-size : 1.25em;
	color : #FFFFFF;
	
	background-color: #8B2111;

	height : 50px;
	line-height : 50px;
	padding-top: 0;
	
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	
	position : relative;
	
	display:flex;
	gap:16px;
	justify-content:space-between;
	align-items:stretch;
	width:100%;
}

 #main-menu ul.menuTop
{
	
	
	
	
	padding : 0;
	margin : 0;
}

 #main-menu .menuTop>li{

	display : table-cell;
	list-style : none;
	vertical-align:top;
	text-align:center;
	max-width:100%;
	
}
 #main-menu .menuTop>li.home
{
	
	width : calc(1.4em + 2 * 10px);
	text-align:center;
}
 #main-menu .menuTop>li.home .kent-ico
{
	font-size:2em;
	display:inline-block;
}
 #main-menu .menuTop>li.home span:not(.kent-ico)
{
	display:inline-block;
	vertical-align:middle;
	line-height:1.4em;
	padding:0 10px;
}

#main-menu .menuTop>li.home span:nth-child(2) {display:none;}
#main-menu .menuTop>li.home span:nth-child(3) {display:none;}
 #main-menu .menuTop>li.home+li.spacer
 {
	display:none;
 }
 #main-top-bar .home a.kent-ico-kentika {
	font-size:calc(.8 * 49px);
	margin:0 10px 0 20px;
}

#main-top-bar .home a:nth-child(2) {display:none;}
#main-top-bar .home a:nth-child(3) {display:none;}

 #main-menu .menuTop>li
{
	max-width:100%;
	
}
 #main-menu li.spacer
{
	width:4px;
	text-align:center;
	
}
 #main-menu>li>a
{
	font-weight:bold;	
}
 #main-menu .menuTop>li>a{
	display : block;
	padding:0 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color : #FFFFFF;
	height :  50px;
	line-height : 50px;
	text-decoration : none;
	overflow:hidden;
	position:relative;
}
 #main-menu .menuTop>li>a>span, #main-menu .menuTop>li>span
{
	display:inline-block;
	vertical-align:middle;
	line-height:1.4em;
	font-family:Raleway;
	font-weight:bold;
}
 #main-menu .menuTop>li>a>span>.kent-ico.kent-ico-arrow, #main-top-bar>ul>li>a>span>.kent-ico-arrow {
	display:none;
	
}

 #main-menu .menuTop>li.first>a{
	/* {if VarK Tabs_position == "above} border-top-left-radius : 10px; /* VarK Page_top_radius {/if} */
	border-top-left-radius : 10px; 
	padding:0;
	text-align:center;
}

 #main-menu .menuTop>li:hover>a{
	background-color : #8B2111;
	color:#FFFFFF;
}
 #main-menu li a span.kent-ico, #main-menu li a:hover span.kent-ico{
	display : inline;
	color : #FFFFFF;
}

 #main-menu .menuTop li>.arrow
{
	width:0;
	height:0;
	border-style:solid;
	border-width:15px calc(15px / 2) 0 calc(15px / 2);
	border-color:#8B2111 transparent transparent transparent;
	z-index:3;
	position:relative;
	left:calc(50% - (15px / 2));
	top:-3px;
	margin-bottom:-15px;
	display:none;
}

 #main-menu .menuTop li.over>.arrow,#main-menu .menuTop li.hover>.arrow
{
	display:block;
}

 #main-menu .caddie{
	line-height : 50px;
	float : right;
	padding-right:20px;
}



 #main-menu .caddie>a{
	width : auto;
	display : block;
	color : #FFFFFF;
	font-size : 0.9em;
	height : 50px;
	line-height : 50px;
	background-position : right center;
	white-space:nowrap;
}
 #main-menu .caddie>a span
{
	display:inline-block;
	vertical-align:middle;
	line-height:1.4em;
}
 #main-menu .caddie a .kent-ico{
	color : #FFFFFF;
	width:34px;
	text-align:center;
	font-size:1.5em;
}
 #main-menu .caddie .popup
{
	width:220px;
}
 #main-menu .caddie .popupMenu ul {
	margin:0 10px;
}
 #main-menu .caddie .popupMenu li
{
	position:relative;
	line-height:1.5em;
	list-style-type:none;
}
 #main-menu .caddie .popupMenu .actions
{
	position:absolute;
	right:0px;
	top:3px;
	background-color:#FFFFFF;
}

 .super-menu {
	display:none;
	position:absolute;
	z-index:2;
	width:100vw;
	max-width:calc(4 * 187px + 3 * 15px);
	color : #6A7185;
	font-size : 1em;
	background-color: #FFFFFF;
	margin-top:-3px;
	line-height:2em;
	text-align:left;
	flex-flow:row wrap;
	padding:15px;
	font-weight:500;
	box-shadow:2px 5px 5px 0 rgba(0,0,0,.3);
	box-sizing:content-box;
	overflow:hidden;
	border:0 solid #787f8b;
}
 .hover .super-menu {
	display:flex;
}
.super-menu>div {
	width:187px;
	box-sizing:border-box;
	border-right:1px solid#BFBFBF;
	padding-right:15px;
	margin-right:15px;
	padding-bottom:1em;
	
}
.super-menu>div:first-child:last-child, .super-menu>div:nth-child(2):last-child,.super-menu>div:nth-child(3):last-child, .super-menu>div:nth-child(4n) {
	border-right:none;
	padding-right:0;
	margin-right:0;
}
.super-menu h3, .search-menu h3 {
	font-family:SourceSans,Arial, sans-serif;
	font-weight:bold;
	color : #7F6857;
	font-size : 1.15em;
	margin-bottom:.5em;
}
.super-menu ul {
	margin:0 0 0 .5em;
}
.super-menu li, .search-menu li {
	list-style-type:none;
}
.super-menu p {
	margin:0;
}
.super-menu a, .search-menu a{
	font-weight:inherit;
	color:inherit;
}
.super-menu a:hover {
	text-decoration:none;
	color:#CD2E28;
}

/* ----------------------------------------------
	Structure globale
----------------------------------------------- */
 #main {
	position:relative;
	min-height:200px;
	display : flex;
	background-color : #FFFFFF;
}
 #main>.shadow
{

	background: linear-gradient(to bottom,  rgba(0,0,0,0.69) 0%,rgba(0,0,0,0.26) 67%,rgba(0,0,0,0.15) 100%); /* W3C */
	height:4px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1.0;
}

 #contentsWrapper{
	width : 100%;
	margin : 0 auto;
	padding :0;
	position:relative;
	display:flex;
}

.fullPageW .pageW {
	padding-right:25px;
	padding-left:25px;
}
@media screen and (max-width:0px) {
	.no-left-col.no-right-col .fullPageW .pageW {
		padding-right:0;
		padding-left:0;
	}
}
/*
.no-left-col #mainCol>.contents:not(#homePage):not(.fullPageW),.no-left-col #homePage>*:not(.fullPageW) {
	margin-left:25px;
}
.no-left-col:not(.no-right-col) #mainCol>.contents.fullPageW:not(#homePage),.no-left-col:not(.no-right-col) #homePage>*.fullPageW {
	margin-left:25px;
}
*/
@media screen and (max-width:calc(1200px + (2 * 25px)))and (max-width:0px) {
	.no-left-col #mainCol>.contents:not(#homePage):not(.fullPageW),.no-left-col #homePage>*:not(.fullPageW) {
		margin-left:25px;
	}
	.no-right-col #mainCol>.contents:not(#homePage):not(.fullPageW),.no-right-col #homePage>*:not(.fullPageW) {
		margin-right:25px;
	}
	.no-left-col:not(.no-right-col) #mainCol>.contents.fullPageW:not(#homePage),.no-left-col:not(.no-right-col) #homePage>*.fullPageW {
		margin-left:25px;
	}
	.no-right-col:not(.no-left-col) #mainCol>.contents.fullPageW:not(#homePage),.no-right-col:not(.no-left-col) #homePage>*.fullPageW {
		margin-right:25px;
	}
}
@media screen and (min-width:1200px)and (max-width:0px) {
	#contentsWrapper:not(.no-left-col):not(.no-right-col),#contentsWrapper:not(.no-left-col),#contentsWrapper:not(.no-right-col) {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
		
	}
	.no-left-col.no-right-col #mainCol:not(.ajax)>.contents:not(#homePage):not(.fullPageW),.no-left-col.no-right-col #homePage>*:not(.fullPageW) {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
		
		box-sizing:border-box;
		padding-left:0;
		padding-right:0;
	}
	.no-left-col.no-right-col #mainCol>.fullPageW .pageW,.no-left-col.no-right-col #homePage>*.fullPageW .pageW {
		width:1200px;
		margin:auto;
		
		box-sizing:border-box;
	}
}

 #leftCol, #rightCol {
	flex-grow:0;
	flex-shrink:0;
}
 #mainCol {
	flex-grow:1;
	flex-shrink:1;
	width:0;
}
 #leftCol, #mainCol, #rightCol{
	background-repeat : no-repeat;
	position:relative;
}

/* ---------- Colonne gauche ----------- */

 #leftCol{
	width : 180px;
	background-color:#FFFFFF;
	color:#595959;
	font-family:SourceSans,Arial, sans-serif;
	padding-top:10px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	
	border-right:none;
	
}
 #leftCol h3
{
	color : #8B2111;
	margin-top : 0;
	padding : 0px 5px;
	margin-bottom : 5px;
	font-size : 2em; /* Col_right_title_font_size */
	text-align:center;
}
 #left_resize
{
	
	position:absolute;
	width:5px;
	top:0;
	bottom:0;
	left:0;
	text-align:center;
	font-size:20px;
	color:#f2f2f2;
	cursor:col-resize;
	margin:0 10px;
}
 #left_resize span:not(.kent-ico)
{
	position:absolute;
	left:2px;
	top:0;
	bottom:0;
	width:1px;
	background-color:#D8D8D8;
	display:none;
}
 #left_resize:hover
{
	color:#D8D8D8;
}
 #left_resize:hover span
{
	display:block;
}
 #leftCol>.footer {
	margin-top:auto;
	padding:1em 10px;
	text-align:center;
	color:#A6A6A6;
}
 #leftCol>.footer>h5 {
	margin:0;
	line-height:1.2em;
	font-family:Raleway;
	font-size:1.2em;
}
/* ---------- Colonne droite ----------- */

 #rightCol{
	width : 180px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	color:#595959;	
	border-left:none;
	font-family:SourceSans,Arial, sans-serif
}
 #rightCol h3{
	color : #8B2111;
	margin-top : 0;
	padding : 0px 5px;
	margin-bottom : 5px;
	font-size : 2em; /* Col_right_title_font_size */
}
 .categories h3, #rightCol .categories h3 {
	color : #8B2111;
	text-align:center;
	font-size:1.56em;
	padding:24px 0 32px;
	margin:0 16px;
	box-sizing:border-box;
	font-weight:bold;
}
 .categories h3:not(:first-child), #rightCol .categories h3:not(:first-child) {
	border-top:1px solid #BFBFBF;
	margin-top:16px;
}
.categories h3 .kent-ico {
	color:inherit;
	margin-right:16px;
	vertical-align:middle;
}
 .categories h5
{
	cursor:pointer;
	font-weight : bold;
	font-family : Arial, Helvetica,sans-serif;
	margin : 10px 0 5px;
	color : #8C8C8C;
}
}
.categories h5:hover
{
	text-decoration:underline;
}
.categories h5:before
{
	content:'J';
	font-family:kentika2-webfont;
	font-size:0.6em;
	line-height:1.9em;
	padding-right:5px;
}
.categories h5.collapse:before
{
	content:'K';
}
.categories h5+.check-list
{
	height:auto;
	overflow:hidden;
}
.categories h5.collapse+.check-list
{
	height:0;
}
.categories form
{
	padding:10px;
	box-sizing:border-box;
}
.categories .quickSearch .sfield, .categories .quickSearch .sfield+input{
	font-size:1em;
}
.categories .quickSearch .sfield+input{
	right:calc(.75em + 10px);
}
.categories p
{
	margin:0;
	line-height:1.8em !important;
	position:relative;
}
.categories .disabled label {
	background-color:#f4f4f4;
	color:#A6A6A6;
}
.categories .disabled input[type=checkbox] {
	background-color:#A6A6A6;
}
.categories .more
{
	text-align:right;
	
}

/* ---------- Colonne Principale ----------- */
 #mainCol{
	color : #595959;
	background-color:#FFFFFF;
	padding:48px 25px;
}
.no-left-col #mainCol {
	padding-left:25px;
}
.no-right-col #mainCol {
	padding-right:25px;
}
 #main #homePage {
	margin-top:calc(48px - 48px);
}

/* ------------- Pied de page --------------- */
 #footer {
	background-color : #6A7187;
	color : #CCCCCC;
	position : relative;
	font-family:Raleway;
}
 #footer>div {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:8px;
}
 #footer>div>div {
	flex:1 1 0;
	padding:16px;
	min-width:300px;
}
 #footer>div>div:nth-child(2):last-child { /* if only two elements, align second to right */
	text-align:right;
}
 #footer h3, #footer .title{
	color : #CCCCCC;
	margin-bottom : 0.2em;
	font-size : 1.2em;
}

 #footer p{
	margin-bottom : 1em;
}

 #footer a{
	color : #D0B799;
}
 #footer a:not(.wrap) {
	white-space:nowrap;
}
 #footer a {
	margin-right:32px;
}

 #footer a:hover{
	color : #999999;
}

 #footer .contents{
	padding : 2em 2em 1em 2em;
}
 #footer .kent-ico-circle {
	font-size:2em;
 }
 #footer .kent-ico-circle:not(:last-child) {
	margin-right:1em;
}

/* ------------- Copyright ---------------- */
 #copyright {
	font-size : 1.05em;
	font-family : SourceSans,Arial, sans-serif;
	display : block;
	line-height : 27px; 
	background-color : #7F6957;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	text-align:right;
	padding:0 20px;
	color : #C17F13;
	position:relative;
}

 #copyright>div {
	display:inline-block;
}
 #copyright a{
	color : #C17F13;
}
 #copyright hr {
	display:inline;
	padding:0 10px;
	margin:0;
	border:none;
}
 #copyright hr::before {
	content:"|";
}

/* ------------------------------------------
	Contenus colonne gauche et droite
------------------------------------------ */
/* --------- Menu hiérarchique - Colonne gauche --------- */

/* --- First level --- */
 #leftCol p{
	margin:0px;
	padding:0px;
	width:100%;
	min-height : 22px;
	line-height : 22px;
}
 #leftCol ul{
	display : block;
	margin : 0;
	padding : 0;
	width: 100%;
}

 #leftCol li{
	min-height : 22px;
	line-height : 22px;
	list-style : none;
	display : block;
	margin : 0;
	padding : 0;
	padding-bottom : 1px;
	padding-top : 1px;
	text-align : right;
	color : #797979;
	position : relative;
}
 #leftCol li.left a
{
	text-align:left;
	padding-left:7px;
}
 #leftCol li:first-child
{
	padding-top:0px;
}

 #leftCol li a{
	display : block;
	color : #797979;
	background-color:transparent;

/* Supprimé pour les menus sans dégradés 


	background: -moz-linear-gradient(left,  rgba(491,183,473,1) 0%, rgba(491,183,473,1) 88%, rgba(491,183,473,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(491,183,473,1)), color-stop(88%,rgba(491,183,473,1)), color-stop(100%,rgba(491,183,473,1)));
	background: -webkit-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 88%,rgba(491,183,473,1) 100%); 
	background: -o-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 88%,rgba(491,183,473,1) 100%); 
	background: -ms-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 88%,rgba(491,183,473,1) 100%); 
	background: linear-gradient(to right,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 88%,rgba(491,183,473,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=1 );
*/
	
}

 #leftCol li:hover>a,#main .first li.over>a, #main .first li.active>a{
	background-color : #505968;
	color : #FFFFFF;
	background-image : none;
	text-decoration : none;
}

/* Fleche */
 #leftCol li>a>span, #leftCol li>span{
	display : block;
	line-height:2.15em;
	padding-right:23px;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}
/* #leftCol li.more>a>span{
	padding-right:0px;
}*/
 #leftCol li.more>a>span:before{
	font-family:kentika2-webfont;
	display:inline-block;
	width:23px;
	height:1em;
	line-height:1em;
	text-align:center;
	font-size:0.6em;
	position:absolute;
	top:1.5em;
	right:0;
	content:"K";
	color:#797979;
}
 #leftCol li.more:hover>a>span:before,  #main .first li.more.over>a>span:before{
	content:"J";
	color:#FFFFFF;
}

/* --- Other levels --- */
 #leftCol ul.hieraMenu li ul{
	display : none;
	z-index:5;
}
 #leftCol ul.hieraMenu li.more li.title
{
	color : #FFFFFF;
	text-align : left;
	padding-left : 12px;
	font-weight:bold;
	padding-top:10px;
}
 #leftCol ul.hieraMenu li.more ul hr
{
	border-bottom:1px dashed #6B6B6B;
}

 #leftCol ul.hieraMenu li:hover>ul,#leftCol li.over>ul{
	position : absolute;
	top : -10px;
	left : 100%;
	display : block;
	width : 214px;
	color : #FFFFFF;
	border-radius : 0px;
	padding-top : 10px;
	padding-bottom : 10px;
	
	background-color: #595959;
	
	
	
	
	
	
	

	

	
	
	
	-moz-box-shadow: 0 0 5px -1px #909090; -webkit-box-shadow: 0 0 5px -1px #909090; box-shadow: 0 0 5px -1px #909090; 

	margin : 0;
}
 #leftCol ul.hieraMenu ul li
{
	color : #FFFFFF;
}

 #leftCol ul.hieraMenu li:hover>ul>li>a,#leftCol li.over>ul>li>a{
	color : #FFFFFF;
	background-color:transparent;
	padding-left : 12px;
	/* background-image : none; Retirer dégradé de fond */
	/*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);  Retirer dégradé IE */
}

 #leftCol ul.hieraMenu li:hover>ul>li:hover>a,#leftCol li.over>ul>li.over>a, #leftCol li.active>li.active>a{
	color : #FFFFFF;
	background-color : #343943;
}

/* Flèche */
 #leftCol ul.hieraMenu li:hover>ul li span:before,#leftCol li.over ul li span:before{
	color:#FFFFFF;
}

 #leftCol ul.hieraMenu li:hover>ul li.more:hover span:before,#leftCol li.over ul li.more.over span:before{
	color:#FFFFFF;
}

/* --------- Colonne droite ------------ */
 #rightCol ul{
	display : block;
	margin : 0;
	padding : 0;
}

 #rightCol li{
	min-height : 22px;
	line-height : 22px;
	list-style : none;
	display : block;
	padding : 0;
	padding-bottom : 1px;
	padding-top : 1px;
	background-repeat : no-repeat;
	background-position : left center;
	text-align : left;
	color : #333333;
}

 #rightCol li a{
	display : block;
	color : #797979;
	background-color:transparent;
	padding-left : 12px;

/* Supprimé pour menus sans dégradés

	background: -moz-linear-gradient(left,  rgba(491,183,473,1) 0%, rgba(491,183,473,1) 12%, rgba(491,183,473,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(491,183,473,1)), color-stop(12%,rgba(491,183,473,1)), color-stop(100%,rgba(491,183,473,1))); 
	background: -webkit-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 12%,rgba(491,183,473,1) 100%);
	background: -o-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 12%,rgba(491,183,473,1) 100%); 
	background: -ms-linear-gradient(left,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 12%,rgba(491,183,473,1) 100%); 
	background: linear-gradient(to right,  rgba(491,183,473,1) 0%,rgba(491,183,473,1) 12%,rgba(491,183,473,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=1 );
*/
}

 #rightCol li a:hover,#rightCol li.over a{
	text-decoration : none;
	background-color : #505968;
	color : #FFFFFF;
	background-image : none;
}

 #rightCol li a span
{
	display : block;
	line-height:2.15em;
}

/* -------------- Classification menu ----------- */
 #leftCol #menu_folderView
{
	text-align:left;
	white-space:nowrap;
	padding-left:.5em;
	box-sizing:border-box;
}
 #menu_folderView ul
{
	padding-left:1em;
	box-sizing:border-box;
}
 #menu_folderView li
{
	text-align:left;
}
 #menu_folderView li:not(.opened) ul
{
	display:none;
}
 #menu_folderView li:hover>a
{
	background-color:transparent;
	color : #797979;
}
 #menu_folderView li a
{
	display:block;
	background-color:transparent;
	width:100%;
	position:relative;
	box-sizing:border-box;
}
 #menu_folderView li>a>span
{
	display:inline-block;
}
 #menu_folderView a>.caret
{
	vertical-align:middle;
	padding:0;
	color:#D8D8D8;
}
 #menu_folderView a>.caret::after
{
	font-size:10px;
	width:1em;
	height:1em;
	line-height:1em;
	display:inline-block;
	padding:0;
	color:inherit;
	content:'K';
	font-family:kentika2-webfont;
	margin-right:5px;
}
 #menu_folderView li.opened>a>.caret::after
{
	content:'J';
}
 #menu_folderView a .kent-ico
{
	font-size:.8em;
	display:inline-block;
	vertical-align:middle;
	padding:0;
	color:inherit;
}
 #menu_folderView a>.kent-ico
{
	font-size:1.8em;
	line-height:1em;
	color:#A6A6A6;
	margin-right:5px;
	width:1em;
	height:1em;
	line-height:1em;
}
 #menu_folderView .role-visit a>.kent-ico {--color:none;--stroke:currentColor;}
 #menu_folderView .role-contrib a>.kent-ico {--color:currentColor;--stroke:none;}
 #menu_folderView .role-admin a>.kent-ico {--color:#cc0000;--stroke:none;}

 #menu_folderView .lib
{
	padding:0;
	vertical-align:middle;
	text-overflow:ellipsis;
	overflow:hidden;
	width:calc(100% - 1.8em - 20px);
}
 #menu_folderView .lib input
{
	width:calc(100% - 2.15em);
}
 #menu_folderView a>.optionsTrigger
{
	display:none;
	position:absolute;
	right:0;
	top:calc(50% - 11px);
	margin:0;
	transform:rotateZ(90deg);
	height:24px;
	width:24px;
	text-align:center;
	font-size:1em;
	line-height:24px;
}
 #menu_folderView li:not(.noOptions)>a:hover {
	padding-right:24px;
}
 #menu_folderView li:not(.noOptions)>a:hover .optionsTrigger
{
	display:block;
}
 #menu_folderView li.active>a .optionsTrigger
{
	background-color:inherit;
	color:inherit;
}
 #menu_folderView li .options
{
	position:absolute;
	top:-10px;
	left:100%;
	padding:10px 0;
	color : #FFFFFF;
	background-color: #595959;
	
	
	
	-moz-box-shadow: 0 0 5px -1px #909090; -webkit-box-shadow: 0 0 5px -1px #909090; box-shadow: 0 0 5px -1px #909090; background-image: linear-gradient(top, #595959,  #595959); box-shadow: 0 0 5px -1px #909090; 
	z-index:1;
}
 #menu_folderView li .options::before
{
	content:' ';
	width:0;
	height:0;
	border-width: 7px 6px 7px 0;
	border-color:transparent #595959 transparent transparent;
	position:absolute;
	display:block;
	top:17px;
	left:-6px;
	border-style:solid;
}

 #menu_folderView .options p a
{
	line-height:2em;
	display:block;
	color:inherit;
	background-color:transparent;
}
 #menu_folderView .options p a:hover
{
	color : #FFFFFF;
	background-color : #343943;
	text-decoration:none;
}
 #menu_folderView .options p a>span, #menu_folderView .options p>span
{
	padding:0 15px;
}
 #menu_folderView .options a>span>.kent-ico
{
	margin-right:.5em;
	font-size:1.6em;
}
 #menu_folderView .options a>span>.kent-ico.overlay .kent-ico
{
	color:#595959;
	font-size:0.6em !important;
}
/* -------------- Logo bottom right ------------- */
 #logo_bottom_right
{
	height:1em;
	line-height:1em;
	font-size:120px;
	position:absolute;
	color:#000000;
	top:calc(50% - (120px / 2));
	right:5%;
	pointer-events:none;
	opacity:0.1;
	--kentika-pyramid:currentColor;
	--kentika-top:transparent;
	--kentika-middle:transparent;
	
}

/* ----------- ToolsE ------------- */
td.last .basket-add
{
	display:block;
	position:static;
	z-index:auto;
}
 #main .last .basket-add li
{
	padding:0px 5px;
	height:auto;
}
 #main .last .basket-add li a
{
	display:inline;
	background:transparent;
	padding-left:0px;
	color:#6A7186;
}
 #main .last .basket-add li a:hover
{
	text-decoration:underline;
	color:#CD2E28;
}
td.last .basket-add .add a.kent-ico
{
	font-size:18px;
	vertical-align:bottom;
}
td.last .basket-add .add a.kent-ico:hover
{
	color:#B9CE1D;
}
td.last .basket-add .add
{
	line-height:16px;
	margin-top:5px;
}
td.last .basket-add .manage
{
	text-align:right;
	margin-right:5px;
}

td.last p
{
	margin-bottom:5px;
}
td.last input[type=checkbox]
{
	vertical-align:middle;
}
td.last input[type=checkbox]+label
{
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
}
/* ----------- Mini-liste menu de droite ----------- */
 #rightCol .list h5
{
	font-family: Arial, sans-serif;
	text-align:center;
	padding:2px 0px;
	margin:0px;
	font-weight:bold;
	background-color:#8B2111;
	border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
}
 #rightCol .list h5 a
{
	color: #FFFFFF;
}
 #rightCol .list
{
	margin-bottom:20px;
}
 #rightCol .list ul
{
	border:2px solid #8B2111;
	border-right-width:0px;
	border-bottom-width:0px;
	padding-bottom:7px;
}
 #rightCol .list ul:last-child
{
	border-bottom:2px solid #8B2111;
	border-bottom-left-radius:5px;
}
 #rightCol .list li.none
{
	font-style:italic;
	text-align:center;
	font-size:0.8em;
	min-height: 20px;
	line-height: 20px;
	margin:0px;
}
 #rightCol .list li
{
	height:auto;
	line-height:1em;
	margin-bottom:5px;
	padding-left:10px;
}
 #rightCol .list li a
{
	background:inherit;
	padding:0px;
}
 #rightCol .list li a:hover
{
	text-decoration:underline;
	color:#333333;
}

 #rightCol .list .mini
{
	margin:2px 4px;
	border-bottom: 1px solid #A6A6A6;
	min-height:20px;
	font-size:0.8em;
}
 #rightCol .list .mini .img
{
	width:20px;
	height:20px;
	background-size:cover;
	background-position:center center;
	float:left;
	display:block;
	margin-right:3px;
}
 #rightCol .list .mini span:last-child
{
	display:block;
	text-align:left;
	color: #A6A6A6;
	font-style:italic;
	font-size:0.9em;
	padding-left:23px;
}
/* ---- iframe in right column ---- */
 #FlashSurvey
{
	color:#595959;
}
/* ------- KP - ProductsList ------ */
 #lastPrds
{
	margin-bottom:10px;
}
 #lastPrds a
{
	text-decoration:none;
}
 #lastPrds li
{
	position:relative;
	padding-left: 55px;
	padding-right:5px;
	min-height:55px;
	margin-bottom:5px;
}
 #lastPrds li.right
{
	padding-left:5px;
	padding-right:55px;
	text-align:right;
}
 #lastPrds img
{
	max-width:50px;
	max-height:50px;
	vertical-align:middle;
}
 #lastPrds .nb, #lastPrds .img
{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	top:0;
	left:2px;
	text-align:center;
	padding:0;
	margin:0px !important;
}
 #lastPrds .right .nb, #lastPrds .right .img
{
	right:2px;
	left:auto;
}
 #lastPrds .nb
{
	font-size:20px;
	color:#fff;
	background-color:#8B2111;
	background-color:rgba(0,0,0,0.4);
}
 #lastPrds .name
{
	margin:0;
	font-weight:bold;
}
 #lastPrds a:hover .name
{
	color:#CD2E28;
}
 #lastPrds .date
{
	margin:0;
	font-style:italic;
}

/* --------------------------
   Fil d'ariane
---------------------------- */
 #breadcrumb {
	position : absolute;
	box-sizing:border-box;
	top :0;
	width:100%;
	font-size : 0.9em;
	
}
 #breadcrumb.fullPageW .pageW {
	padding-right:0;
	padding-left:0;
}
/*
 #contentsWrapper.no-left-col #breadcrumb.fullPageW .pageW {
	padding-left:25px;
}
*/
@media screen and (max-width:0px) {
	#contentsWrapper.no-right-col #breadcrumb.fullPageW .pageW {
		padding-right:25px;
	}
	#contentsWrapper.no-left-col #breadcrumb.fullPageW .pageW {
		padding-left:25px;
	}
}
 #breadcrumb ul{
	margin : 0;
	padding : 0;
}
 #breadcrumb li{
	display:inline-block;
	list-style:none;
	height:24px;
	line-height:24px;
	color:#9AACC5;
	padding:0 5px;
}
 #breadcrumb li:first-child{
	padding-left:0;
}
 #breadcrumb li.sep {
	font-size:12px;
}

 #breadcrumb li a{
	color:inherit;
}

 #breadcrumb li a span{
	display : none;
}

 #breadcrumb .kent-ico a{
	width : 24px;
	text-align:center;
	font-size:1.2em;
}
/* --------------------------------
	Styles génériques contenu principal
---------------------------------- */
/* ----- RESET CONTENTS ----- */
/* #main .contents ul {
	margin: 0 1.5em 1.5em 1.5em;
	border-color:#BFBFBF;
} deleted 27/08/2018*/

/* .contents ul li, .last .contents ul li {
	float : none;
	display : list-item;
	list-style-type: disc;
	background : none;
	width : auto;
	height : auto;
	line-height : 1.2em;
	margin-bottom:5px;
}

 #main .contents li:hover, #main .contents li:hover a:not(.kent-ico), #main .contents li a:not(.kent-ico):hover,  {
	background : none;
	color : #595959;
} deleted 27/08/2018*/

.contents a:hover {
	color : #CD2E28;
}

.contents a:active {
	color : #737373;
}
/* -------------------------
Submenu
--------------------------- */
 #mainCol .submenu {
	position:absolute;
	right:0;
	z-index:2;
	padding:5px 0;
	font-size:13px;
	margin-top:-.2em;
}
 #mainCol .submenu>a, #mainCol .submenu>span {
	display:block;
	min-width:200px;
	color:inherit;
	padding:0 12px;
	line-height:2em;
}
 #mainCol .submenu>a:hover {
	color:#FFFFFF;
	background-color:#A6A6A6;
	text-decoration:none;
}
 #mainCol .submenu a.inactive, #mainCol .submenu a.inactive:hover {
	font-style:italic;
	color:#A6A6A6;
	background-color:inherit;
	cursor:not-allowed;
}
 #mainCol .submenuVisible {
	font-size:1.6em;
	color:inherit;
	line-height:1;
	height:1em;
}
 #mainCol .submenuVisible a.kent-ico {
	color:inherit;
}
 #mainCol .submenuVisible .showsub2{
	margin-left:.6em;
}
 #mainCol .submenu .loader .circleLoader {
	position:static;
	margin:15px;
}
/* ------- CONTENTS HEADER ------- */
h1.titlebar {
	color : #FFFFFF;
	background-color : #8B2111;
	border-radius: 1em;
	margin-bottom:10px;
	overflow:hidden;
	padding:0 17px;
	font-size : 1.2em;
	font-weight:bold;
	line-height:2em;
	height:2em;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	width:100%;
	box-sizing:border-box;
	display:flex;
	gap:8px;
}

h1.titlebar span {
	flex:0 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
}
h1.titlebar span:nth-last-child(2) {
	flex:1 1 0;
}
h1.titlebar span:nth-child(2):not(.nbRec) {
	font-size : 1em;
	padding-left : 5px;
	font-weight:normal;
}
h1.titlebar .nbRec {
	flex:0 0 auto;
	padding-left:10px;
}
h1.titlebar a {
	color:inherit;
	font-weight:inherit;
}
.contents .hgroup {
	display : block;
	height :2em;
	font-size:1.2em;
	line-height :2em;
	color : #FFFFFF;
	background-color : #8B2111;
	border-radius: 1em;
	padding : 1px 17px;
	position : relative;
	margin-bottom:10px;
	overflow:visible;
}
.contents .hgroup.sub {
	color : #FFFFFF;
	background-color : #A6A6A6;
	margin-top:10px;
}

.contents .hgroup>a.kent-ico {
	color : #FFFFFF;
	background-color:inherit;
	display : block;
	width : 16px;
	height :  16px;
	line-height :  16px;
	font-size : 1.25em;
	text-align : center;
	position : absolute;
	padding:1px 0;
	top : 0px;
	right : 10px;
}

 #main .contents .hgroup a.showsub:hover {
	text-decoration : underline;
	color : #FFFFFF;
}

.contents .hgroup h1 {
	display : block;
	color : #FFFFFF;
	overflow:hidden;
	font-weight:bold;
}
.contents h2 {
	font-size:1.2em;
	font-family:SourceSans,Arial, sans-serif;
}
.contents h2 .kent-ico
{
	font-size:16px;
	vertical-align:text-bottom;
}
 #main .contents .hgroup h1 a, #main .contents .hgroup h1 a:hover
{
	color: #FFFFFF;
	font-weight:bold;
}

.contents .hgroup h1, .contents .hgroup h1 span {
	font-size : 1em;
	line-height :inherit;
	display:inline-block;
	vertical-align:middle;

	padding : 0;
	margin : 0;	
}

.contents .hgroup h1 span {
	font-size : 1em;
	font-family : Arial,Helvetica,sans-serif;
	padding-left : 5px;
	vertical-align:middle;
}
.contents .hgroup h1 span .nbRec
{
	background-color : #8B2111;
	position:absolute;
	right:17px;
	bottom:0;
}
.contents .hgroup h1 .kent-ico
{
	font-family : kentika-std;
	font-size:0.9em;
	padding:0px;
}
.contents .hgroup h1 .kent-ico.font2
{
	font-family : kentika2-webfont;
}
/* Header Submenu */
.contents .hgroup .submenu {
	display : none;
}

 #main .contents .header .submenu.active {
	display :table;
	background-color : #FFFFFF;
	white-space : nowrap;
	line-height : 40px;
	font-size : 24px;
	color : #D8D8D8;
	border-bottom:solid 1px #BFBFBF;
	font-weight : normal;
	margin:-10px auto 0px;
	text-align:center;
}
 #main .contents .hgroup .submenu.active {
	margin:0;
	display:block;
	text-align:right;
	border : solid 2px #BFBFBF;
	border-top : 0 none;
	padding : 0 10px;
	line-height : 40px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;


	float : right;

	z-index  : 2;
	position : absolute;
	top : 26px;
	right : 10px;
}

.contents .header .submenu.active span {
	position : relative;
	top : -4px; /* Ajustement hauteur barre verticlale */
}

.contents .header .submenu.active a {
	margin : 0 7px;
	color : #D8D8D8;
	padding : 0;
}

 #main .contents .header .submenu.active a:hover {
	color : #CD2E28;
	text-decoration : none;
	word-spacing : 14px;
	
}

 #main .contents .header .submenu.active a:active, #main .contents .header .submenu.active a.active {
	color : #A6A6A6;
	text-decoration : none;
	word-spacing : 14px;

}
/* ----------- Instructions ---------- */
 #mainCol .contents .instructions
{
	position:relative;
	z-index:1;
}
 #mainCol .contents .instructions:hover
{
	z-index:10;
}
 #mainCol .contents .instructions a.kent-ico
{
	float:right;
	color:#D8D8D8;
	cursor:pointer;
	vertical-align:middle;
	height:22px;
	font-size:22px;
	line-height:22px;
	width:22px;
}
 #mainCol .contents .instructions a.kent-ico:hover
{
	color:#A6A6A6;
	text-decoration:none;
}
.instructionsPopup
{
	display:none;
	position:absolute;
	width:544px;
	padding:0px;
	font-size:11px;
	line-height:1.5em;
}
.instructionsPopup div:first-child
{
	background-color:#E9E9E1;
	position:relative;
	min-height:200px;
	color:#a0a0a0;
	padding:10px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.instructionsPopup div:first-child>p:first-child
{
	font-size:32px;
	line-height:100%;
	position:absolute;
	color:#cc0000;
	top:50%;
	left:0px;
	padding:0px;
	margin:-16px 0px 0px 15px !important;
}
.instructionsPopup .contents, .instructionsPopup .header
{
	margin:10px 20px 0px 60px !important;
	padding:0px !important;
	font-size:inherit !important;
	padding-bottom:10px;
	text-align:justify;
	color:inherit !important;
}
.instructionsPopup div:first-child>p:first-child+.header
{
	margin-top:0px !important;
}
.instructionsPopup p
{
	margin:0px !important;
	padding-bottom:10px !important;
}
.instructionsPopup .header
{
	margin-bottom:10px !important;
	padding:5px 0px 3px 0px;
	color:#cc0000 !important;
	font-size:1.1em;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
.instructionsPopup>p
{
	font-size:60px;
	line-height:100%;
	text-align:center;
	height:60px;
	width:60px;
	color:#E9E9E1;
	position:absolute;
	padding:0px !important;
	margin:0px !important;
	z-index:1;
}
.instructionsPopup .rightArrow
{
	top:70px;
	right:0px;
	width:13px;
}
.instructionsPopup .leftArrow
{
	top:70px;
	left:-46px;
	width:13px;
}
.instructionsPopup .topArrow
{
	top:-45px;
	left:50%;
	margin-left:-30px !important;
}
.instructionsPopup .bottomArrow
{
	bottom:-47px;
	left:50%;
	margin-left:-30px !important;
}

/* ---------- modal popup-------------- */
 #modalPopup
{
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	background-color:transparent; /* for browsers that don't support rgba colors */
	background-color:rgba(0,0,0,0.6);
	z-index:1000;
	display:flex !important;
	justify-content:center;
	align-items:center;
	transition:all .3s;
}
 #modalPopup.hide {
	background-color:rgba(0,0,0,0);
	pointer-events:none;
}
 #modalPopup>div.contents
{
	background-color:#EFEFEF;
	color:#595959;
	border-radius:5px;
	overflow:auto;
	width:400px;
	min-height:100px;
	box-sizing:border-box;
	padding:10px 20px !important;
	font-size:1em !important;
	transition:all .3s;
	position:relative;
	max-width:calc(100vw - 30px);
	max-height:calc(100vh - 30px);
}
 #modalPopup.hide>div.contents {
	transform:translateY(-100vh);
}
 #modalPopup>.contents>.loader {
	width:100%;
	height:100%;
}
 #modalPopup .closePopup {
	position:absolute;
	top:8px;
	right:8px;
	color:#FFFFFF;
	font-size:12px;
	height:1em;
	width:1em;
	line-height:1em;
	padding:4px;
	border-radius:4px;
	background-color:rgba(0,0,0,.6);
}
 #modalPopup .closePopup:hover {
	color:#CD2E28;
}
 #modalPopup .header
{
	font-weight:bold;
	font-size:1em;
	background-color: #8B2111;
	color:#FFFFFF;
	width:100%;
	padding:10px 20px;
	margin:-10px -20px 16px -20px;
}
 #modalPopup .header.error {background-color:#CD2E28;}
 #modelPopup .header.warning {background-color:#EC8B00;}
 #modalPopup .header.info {background-color:#B9CE1D;}

 #modalPopup .header .kent-ico, #modalPopup .header img
{
	font-size:1.2em;
	vertical-align:middle;
	padding-right:16px;
	color:inherit;
}
 #modalPopup textarea {margin:0px;font-size:inherit;}
 #modalPopup .submit input
{
	min-width:120px;
	line-height:24px;
}
 #modalPopup .submit .k_button {float:left;}
 #modalPopup .submit .k_button:only-child {float:none;}
 #modalPopup .submit .k_button+.k_button {float:right;}
 #modalPopup .submit input {float:left;}
 #modalPopup .submit input:only-child {float:none;}
 #modalPopup .submit input+input {float:right;}
 
 #modalPopup p
{
	margin:0px 0px 5px 0px;
}
 #modalPopup .submit
{
	text-align:center;
	margin-top:15px;
	overflow:hidden;
}
 #modalPopup .insert
{
	background-color:#FFFFFF;
	padding:20px;
	margin:10px 0;
}
 #modalPopup.popupImg>.contents {
	background-color:#000;
	padding:0 !important;
	border-radius:0;
}
 #modalPopup.popupImg>.contents img {
	max-width:100%;
	max-width:100%;
	display:block;
}

span.highlight
{
	color:#cc0000;
	font-weight:bold;
	background-color:transparent;
	font-style:normal;
	text-decoration:none;
}
/* --------- Message Box ---------- */
 #kMessageBox
{
	background-color:rgba(0,0,0,0.7);
	color:#ffffff;
	border-radius:8px;
	padding:10px;
	font-size:14px;
	line-height:1.2em;
	position:fixed;
	bottom:10px;
	left:10px;
	width:400px;
	z-index:2000;
	max-height:50%;
	overflow:auto;
}
 #kMessageBox>a.kent-ico
{
	color:#ffffff;
	opacity:0.4;
	float:right;
	font-size:16px;
}
 #kMessageBox>a.kent-ico:hover
{
	opacity:1;
}
 #kMessageBox p
{
	margin-bottom:0.5em;
}
 #kMessageBox p.error
{
	color:#cc0000;
	font-style:italic;
}

/* --------- Contextual Help ---------- */
 #help .signal {
	position:absolute;
	top:calc(100% + .2em);
	left:calc(50% - .5em);
	font-size:100px;
	width:1em;
	height:1em;
	border-radius:50%;
	color:#E8F4FA;
	background-color:currentColor;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	animation:bounce 2s infinite;
}
 #help .signal::before {
	content:' ';
	display:block;
	position:absolute;
	top:-.15em;
	left:calc(50% - .1em);
	width:0;
	height:0;
	border-style:solid;
	border-color: transparent transparent currentColor transparent;
	border-width:0 .1em .2em .1em;
}
 #help .signal .kent-ico {
	font-size:.8em;
	width:1em;
	height:1em;
	
}
 #contextHelp {
	/*position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:2000;
	color:#595959;
	font-size:.9em;
}
 #contextHelp>div:first-child {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#000;
	opacity:.6;
}
 #contextHelp>div.contour:first-child {
	background-color:transparent;
}
 #contextHelp>div:nth-child(2) {
	position:absolute;
	top:0;
	right:0;
	width:330px;
	height:100%;
	overflow:auto;
	box-sizing:border-box;
	background-color:#FAFAFA;
	padding:2em 1.5em;
}
 #contextHelp>.kent-ico {
	font-size:100px;
	stroke-width:3px;
	color:#cc0000;
	position:fixed;
	/*animation:bounce 2s infinite;*/
	height:1em;
	width:1em;
	line-height:1em;
}
 #contextHelp.left>div:nth-child(2) {
	right:auto;
	left:0;
}
 #contextHelp .close {
	font-size:24px;
	position:absolute;
	top:10px;
	right:16px;
}
 #contextHelp h3 {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:50px;
}
 #contextHelp h3 .kent-ico {
	display:block;
	font-size:160px;
}
 #contextHelp .contents .loader{
	min-height:300px;
}
 #contextHelp h4 {
	color:#6A7186;
	margin-bottom:1em;
	border:none;
	font-size:1.1em;
}
 #contextHelp a:not(.button) {
	color:#6A7186;
	font-weight:bold;
}
 #contextHelp a:not(.button):hover {
	color:#CD2E28;
}
 #contextHelp .links {
	text-align:center;
}
 #contextHelp .links>p {
	margin-bottom:30px;
	font-weight:bold;
}
 #contextHelp .links ul {
	margin:0;
}
 #contextHelp .links li {
	list-style-type:none;
}
 #contextHelp .links a, #contextHelp .seenTips a {
	font-weight:normal;
	font-style:italic;
}
 #contextHelp .seenTips {
	margin:16px 0 0 0;
	list-style-type:none;
}
 #contextHelp .submit {
	margin-top:30px;
	text-align:center;
}
 #contextHelp .submit label {
	color:inherit;
	font-weight:normal;
}
 #askKent {
	position:fixed;
	bottom:32px;
	right:32px;
	width:300px;
	z-index:100;
	background-color:#FAFAFA;
	color:#595959;
	box-shadow:0 0 2px rgba(0,0,0,.3), 3px 3px 3px rgba(0,0,0,.4);
	padding:16px;
	border-radius:3px;
}
 #askKent>a {
	position:absolute;
	font-size:24px;
	top:10px;
	right:16px;
}
 #askKent h3 {
	text-align:center;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:.5em;
	line-height:1.5;
}
 #askKent>span.kent-ico {
	display:block;
	margin:auto;
	font-size:80px;
	line-height:1;
	text-align:center;
}
 #askKent textarea {
	height:80px;
}
/*---------- Boxes -------------- */
.contents .box
{
	margin:10px;
	padding:10px;
	border:1px solid #8B2111;

	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5) inset;
	background-color:#FFFFFF;
	color:#595959;
	position:relative;
}
 #main .contents .box>label:first-child
{
	position:relative;
	top:-10px;
	left:-10px;
	width:100%;
	background-color:#8B2111;
	display:block;
	font-weight:bold;
	padding:5px 10px;
	text-align:left;
	height:auto;
	color:#FFFFFF;
}
 #main .contents .box iframe
{
	width:100%;
	height:100%;
	overflow:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 #main .contents .listInsert
{
	padding:24px;
	margin:10px 0px 20px;
 	background-color:#F5F5F6;
	border-radius:8px;
	color:#595959;
}
 #main .contents .listInsert h2 {
	margin-bottom:.5em;
	color:#8B2111;
	text-transform:uppercase;
}
 #main .contents .listInsert h2 a {
	color:inherit;
}
 #main .contents .listInsert p {
	margin:0;
}

.recordSection {
	padding:24px;
	margin:10px 0px 22px;
 	background-color:#F5F5F6;
	border-radius:8px;
	color:#595959;
}
 #rightCol .recordSection {
	padding:12px 8px;
}
.recordSection h3,#rightCol .recordSection h3 {
	text-transform:uppercase;
	color:#8B2111;
	font-size:inherit;
	font-weight:bold;
	padding:0;
	margin:1em 0;
}
.recordSection h4 {
	color:inherit;
	font-weight:bold;
	font-size:1.5em;
	border:none;
	margin:0 0 .8em;
}
/* Differentes dimensions polices */
 #main .contents .plus_1 {
	font-size : 1.1em;
}

 #main .contents .plus_2 {
	font-size : 1.2em;
}

 #main .contents .plus_3 {
	font-size : 1.3em;
}

 #main .contents .plus_4 {
	font-size : 1.4em;
}

 #main .contents .plus_5 {
	font-size : 1.5em;
}
/* INCOL SIZES */
 #main .contents.incol .plus_1 .article {
	font-size : 1em;
}

 #main .contents.incol .plus_2 .article {
	font-size : 1.1em;
}

 #main .contents.incol .plus_3 .article {
	font-size : 1.2em;
}

 #main .contents.incol .plus_4 .article {
	font-size : 1.3em;
}

 #main .contents.incol .plus_5 .article {
	font-size : 1.4em;
}
/* ---------- Tableaux ------------ */
 #mainCol .contents .table, body.cke_editable .table
{
	border-collapse:collapse;
	border-spacing:0px;
}
 #mainCol .contents .table tr, body.cke_editable .table tr
{
	border-bottom:1px dashed #BFBFBF;
	vertical-align:middle;
}
 #mainCol .contents .table th:not(.row), body.cke_editable .table th:not(.row)
{
	border-bottom-style:none;
}
 #mainCol .contents .table th.row, body.cke_editable .table th.row
{
	background-color:#FFFFFF;
	color:#595959;
	text-align:right;
	font-weight:bold;
}
 #mainCol .contents .table th a, body.cke_editable .table th a
{
	font-weight:bold;
}
 #mainCol .contents .table th.col, body.cke_editable .table th.col
{
	background-color:#8B2111;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
 #mainCol .contents .table th.col.kent-ico, body.cke_editable .table th.col.kent-ico
{
	font-weight:normal;
}
 #mainCol .contents .table td.subheader,  #mainCol .contents .table th.subheader
{
	background-color:#A6A6A6;
	color:#FFFFFF;
}
 #mainCol .contents .table td.subsubheader,  #mainCol .contents .table th.subsubheader
{
	background-color:#D8D8D8;
}
 #mainCol .contents .table td, #mainCol .contents .table th, body.cke_editable .table td, body.cke_editable .table th
{
	padding:2px 3px;
	vertical-align:middle;
}
 #mainCol .contents .table ul, #mainCol .contents .table p, body.cke_editable .table ul, body.cke_editable .table p
{
	margin-bottom:0px;
}
 #mainCol .contents .table a.kent-ico, #mainCol .contents .table a .kent-ico
{
	font-size:19px;
	line-height:19px;
	font-weight:normal;
	color:#A6A6A6;
}
 #mainCol .contents .table .tableSort a.kent-ico:not(.active)
{
	color:#D8D8D8;
}

 #mainCol .contents .table a, body.cke_editable .table a
{
	color : #333333;
}
 #mainCol .contents .table a:hover, body.cke_editable .table a:hover
{
	text-decoration:none;
	color:#CD2E28;
}
 #mainCol .contents .table a.kent-ico:hover, #main .contents .table a:hover .kent-ico
{
	color:#CD2E28;
	text-decoration:none;
}
 #mainCol .contents .table .floater p
{
	position:relative;
	margin-bottom:5px;
}
 #mainCol .contents .table .floater label
{
	width:100px;
	text-align:right;
	font-style:italic;
	display:block;
	position:absolute;
}
 #mainCol .contents .table .floater input+label
{
	position:static;
	width:auto;
	text-align:left;
	font-style:normal;
	display:inline;
}
 #mainCol .contents .table .floater input+label
{
	padding-left:5px;
}
 #mainCol .contents .table .floater input[type=text], #main .contents .table .floater textarea
{
	width:200px;
	margin:0px;
	margin-left:105px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*form.plain label
{
	position:static !important;
	width:auto !important;
	text-align:left !important;
	font-style:normal !important;
	display:inline !important;
}
form.plain input
{
	margin:0px !important;
	width:auto !important;
} deleted 17/10/18 : using new .button instead*/

 #mainCol .table-light {
	border-collapse:collapse;
	border-spacing:0px;
}
 #mainCol .table-light tr
{
	border-bottom:none;
}
 #mainCol .table-light td, #mainCol .table-light th {
	padding:2px 3px;
}
 #mainCol .table-light th, #mainCol .table-light td {
	border:none;
}
 #mainCol .table-light th.col {
	color:#575757;
	font-style:italic;
	font-weight:normal;
	border-bottom:1px solid #F2F2F2;
}
/* --------------------------------
	Composants Page accueil
--------------------------------- */
 #homePage h2.homeTitle {
	text-align:center;
	font-size:3em;
	color:inherit;
	font-weight:bold;
	font-family:Raleway;
}
 #homePage h2.homeTitle+.subtitle {
	text-align:center;
	font-size:1.5em;
	font-style:italic;
	margin-top:-1em;
}
 #homePage>div {
	margin-bottom:30px;
}

/*
 #homePage>div:not(.transparent) {
	background-color:transparent;
	box-shadow:0 3px 4px rgba(0,0,0,.1);
	box-shadow:0 3px 4px rgba(0,0,0,.1);
	padding:32px;
	border-radius:0;
	border:1px solid #EFEFEF;
}
 .no-left-col.no-right-col #homePage>div.fullPageW {
	 border:none;
	 box-shadow:none;
	 padding-right:0;
	 padding-left:0;
	 border-radius:0;
 }

*/
/* ----------- Quicksearch ------------ */
 #homePage .quickSearch
{

	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}
 #homePage .quickSearch p.more
{
	text-align:right;
	margin:0px 13px 0px 0px !important;
	font-size:1em;
}
 #homePage .quickSearch .more *
{
	color:#6A7186;
}
 #homePage .quickSearchImage:not(.transparent) {
	background-size:cover;
	background-position:center center;
	padding-top:120px !important;
	padding-bottom:120px !important;
	background-color:#451008 !important;background-blend-mode:screen
	
}
 #homePage .quickSearchImage h1 {
	color:#FFFFFF;
	font-size:3em;
	line-height:1.4;
	font-weight:bold;
	margin:0;
}
 #homePage .quickSearchImage h1+p {
	font-size:1.5em;
	color:#FFFFFF;
	font-style:italic;
}
@media screen and (max-width:1200px) {
	#homePage .quickSearchImage .sfield+div a span:not(.kent-ico) {
		display:none;
	}
}
 #homePage .homeButtons {
	text-align:center;
}
 #homePage .homeButtons a.button {
	margin-bottom:.667em;
	padding:0 1.5em;
	min-width:0;
	max-width:200px;
}
/* ----------- Colonnes (DSI, emprunts) ----------- */
.homeCols {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.homeCols>div {
	flex: 1 0 calc(50% - 10px);
	margin-bottom:10px;
}
.homeCols>div.spacer {
	flex: 0 0 20px;
}
.central .homeCols>div>.top {
	text-align:right;
	margin-top:-5px;
}
.homeCols .article {
	font-size:.9em;
	border-bottom:1px solid #BFBFBF;
	margin-bottom:5px;
	padding-bottom:5px;
}
 #main .homeCols .article .section {
	padding:0;
	margin-top:5px;
}
 #mainCol table{
	width : 100%;
	margin : 0 auto;
	padding : 0;
	border-collapse : collapse;
	border : 0 none;
}
.homeCols .figure {
	float:left;
	margin:5px 5px 5px 0;
}
.homeCols .article .header+div {
	overflow:hidden;
}
 #popup-homePage-DSI-settings p {
	padding:0 5px;
}
 #popup-homePage-DSI-settings p:nth-child(2n):not(.submit) {
	background-color:#FFFFFF;
}
 #popup-homePage-DSI-settings p>label>a {
	float:right;
}
 #popup-homePage-DSI-settings p>span.inline {
	display:flex;
	flex-wrap:wrap;
}
 #popup-homePage-DSI-settings p>span.warning{
	padding-left:20px;
}
 #popup-homePage-DSI-settings p>span.inline span{
	padding-left:20px;
}
 #popup-homePage-DSI-settings p>span.inline>span>*{
	vertical-align:middle;
}
/* ------------ Main-image ------------ */
 #main-image {
	padding : 0px;
	color : #C27F13;
	width:100%;
	box-sizing:border-box;
	height : 345px;
	margin:auto;
	overflow:hidden;
	border-radius:0;
}

 #main-image .image{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
	background-image : url(/icon/Home_Web.jpg);
	background-repeat : no-repeat;
	background-position : center center;
	background-size:cover;
	margin : 0 auto;
	padding : 0px;
	text-align : right;
}

.contents #main-image .image .bottom {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	display : block;
	background-color : #000000;
	padding : 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size : 1.2em;
	margin : 0;
	color : #FFFFFF;
	background-color: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */	
}

.contents #main-image .image .bottom.transparent {
	background-color: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
	background-color: rgba(0, 0, 0, 0.6);
}
/* ----------- PageOptions ------------ */
 #main .contents .pageoptions {
	color : #D8D8D8;
	text-align : right;
}

 #main .contents .pageoptions p {
	margin-bottom : 7px;
}

.contents .pageoptions .line {
	padding : 0 5px;
	position : relative;
	top : -4px;
}

.contents .pageoptions .fontsize {
	position : relative;
	top : -2px;
	font-weight : 600;
}
.loading .contents .pageoptions .fontsize {
	visibility:hidden;
}
.contents .pageoptions .fontsize .smaller {
	font-size : 13px
}

.contents .pageoptions .fontsize .larger {
	font-size : 16px;
}

.contents .pageoptions a {
	font-size : 16px;
	text-decoration : none;
	color : #D8D8D8;
}
/* ----------------- Collaboratif ---------------------- */
 #main .contents .header .settings .role
{
	font-weight:bold;
	line-height:27px;
}
.contents .team
{
	position:relative;
	padding:20px 0px;
}
/* --------------- KP - Themes ---------- */
 #myThemes
{
	text-align:center;
}
 #myThemes>div
{
	display:inline-block;
	width:150px;
	height:150px;
	margin:3px;
	background-size:cover;
	background-color:#8B2111;
	vertical-align:top;
	position:relative;
}
 #myThemes>div>a
{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
 #myThemes>div label
{
	font-size:1.3em;
	display:block;
	position:absolute;
	background-color:#333;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	font-weight:bold;
	width:100%;
	text-align:center;
	padding:5px;
	bottom:0;
	left:0;
	box-sizing:border-box;
}
 #myThemes>div .caption
{
	opacity:0;
	height:100%;
	width:100%;
	text-align:center;
	backface-visibility:hidden;
	overflow:hidden;
	background-color:#595959;
	color : #FFFFFF;
	line-height:150px;
	position:absolute;
	top:0;
	left:0;
	transition: transform 0.3s, opacity 0.3s;
}
 #myThemes>div:hover .caption
{
	opacity:1;
	transform:translate(10px,-10px);
	display:block;
}
 #myThemes>div .caption>div
{
	display:none;
	line-height:1.3em;
	vertical-align:middle;
	padding:5px;
	background-color:inherit;
}
 #myThemes >div .caption:hover>div
{
	display:inline-block;
}
 #myThemes>div .caption p
{
	margin:0px;
}
 #myThemes>div .caption .header
{
	font-size:inherit
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
 #myThemes>div .count
{
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:inherit;
	padding:5px 0px;
	width:100%;
}
 #myThemes>div .num
{
	padding:0px 10px;
	background-color:#BACF1D;
	color : #FFFFFF;
	border-radius:0.5em;
}
 #main #myThemes .button:hover
{
	color:#FFFFFF;
	background-color:#8B2111;
	text-decoration:none;
}
 #myThemes .button .kent-ico
{
	font-size:1.5em;
	color:inherit;
	vertical-align:bottom;
	margin-right:5px;
}
/* ----- Rating ----- */
.rating {
	color: #D8D8D8;
	margin:0;
	font-size: 20px;
	white-space:nowrap;
}
.rating a, .rating a:hover {
	text-decoration:none;
	color:inherit !important;
}
.rating .active {
	color : #FF9D1F;
}
.rating .jsnotactive {
	color: #D8D8D8;
}
.rating .jsactive{
	color :#FF9D1F;
}
/* ------------------------------------
	ListRecord
------------------------------------ */
/* ------- PAGINATION ------- */
.pagination {
	padding : 0;
	display : block;
	margin : 0;
	text-align:center;
}
.pagination li {
	font-size : 10px;
	line-height : 17px;
	display : inline-block;
	vertical-align:middle;
	list-style : none;
	padding : 0;
	margin : 0;
}

.pagination a {
	display : block;
	padding : 0 6px;
	margin : 0 2px;
	background-color : transparent; 
	color : #D8D8D8; 
	border-radius: 0;
	text-decoration:none;
}

.pagination .first a {
	margin-left : 18px;
}

.pagination .last a {
	margin-right : 18px;
}

.pagination .kent-ico a {
	color : #D8D8D8;
	font-size : 13px;
}

.pagination .single a {
	padding-left : 1px;
	padding-right : 1px;
	margin-left : 2px;
	margin-right : 2px;
}

.pagination a:hover,  .pagination .kent-ico a:hover {
	background-color : transparent;
	color : #CD2E28;
}

.pagination a:active, .pagination .active a {
	background-color : transparent;
	color : #6A7186;
}

/* ------- SETTINGS ------- */
 #listRecord {
	display:flex;
	margin-top:-10px;
}
 #listBody {
	flex:0 1 100%;
	max-width:100%;
}
 #listBody>.settings {
	display : block;
	position : relative;
	font-size :.94em;
	padding : 0 0 5px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	color:#A6A6A6;
	margin-bottom:30px;border-bottom:1px solid #D8D1D1;
	font-family:SourceSans,Arial, sans-serif;
}
 #listBody>.settings>* {
	margin:10px 0;
	line-height:27px;
	height:27px;
	flex:1 0 auto;
	text-align:center;
}
 #listBody>.settings>*:last-child {
	text-align:right;
}
 #listBody>.settings .showToolsE {
	margin:0;
	display:none;
	flex-grow:0;
	flex-shrink:0;
}
 #listBody>.settings .showToolsE+* {text-align:center;}
 #listBody>.settings .orderby label {
	font-weight:normal;
}
 #listBody>.settings .orderby select {
	color:inherit;
}
.contents .settings .orderby a {
	font-size : 14px;
	color : #D8D8D8;
	vertical-align:middle;
}
.contents .settings .orderby a:hover {
	color : #CD2E28;
	text-decoration : none;
}
.contents .settings .orderby a.active {
	color : #A6A6A6;
}

 #main .central .contents .settings .instructions
{
	position:absolute;
	top:-33px;
	left:5px;
	color : #D8D8D8;
}
 #main .central .contents .settings .instructions.right
{
	position:absolute;
	top:0px;
	right:5px;
	color : #D8D8D8;
}
.contents .fontsize {
	font-family: Times,"Times New Roman",Georgia,Serif;
	position : absolute;
	top : -33px;
	right : 5px;
	padding : 0;
	margin : 0;
	color : #D8D8D8;
	font-weight : bold;
}
.contents .fontsize a {
	color : #D8D8D8;
}
.contents .fontsize a:hover {
	color : #CD2E28;
	text-decoration : none;
}
 #main .contents .fontsize a:active {
	color : #A6A6A6;
}
.contents .fontsize .smaller {
	font-size : 15px;
}
.contents .fontsize .larger {
	font-size : 20px;
}

 #floatingToolsE {
	width : 180px;
	background-color:#FFFFFF;
	color:#595959;
	border-right:none;
}
 #floatingToolsE:not(.showToolsELeftCol)+#listBody {
	padding-left:25px;
}
 #floatingToolsE.showToolsELeftCol {
	padding-top:10px;
}
 #floatingToolsE>a {
	display:block;
	text-align:right;
	margin:1em 0 0 0;
	font-weight : normal;
	text-decoration:none;
}
/* --------------- Alpha filter -------------- */
 #main .contents #alphaList
{
	text-align:center;
}
 #main .contents #alphaList a
{
	padding:0px 4px;
	background-color : transparent;
	color : #6A7186;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration:none;
}
 #main .contents #alphaList a:hover
{
	background-color : transparent;
	color : #CD2E28;
}
 #main .contents #alphaList a.off
{
	background-color : transparent; 
	color : #D8D8D8;
	text-decoration:none;
}
 #main .contents #alphaList a.active
{
	background-color : transparent;
	color : #CD2E28;
}
/* ------- LOADER ------ */
 #listLoaderTemp
{
	text-align:center;
	height:200px;
	line-height:200px;
}
 #listLoaderTemp p
{
	display:inline-block;
	width:100%;
	line-height:1.5em;
}

/* ------- Ajax list loader ------- */
.contents.tempLoader
{
	position:relative;
}
.contents.tempLoader .dummy
{
	display:inline-block;
	width:100%;
	height:.5em;
	vertical-align:middle;
	opacity:.2;
	background-color:#595959;
}
.contents.tempLoader>.header
{
	min-height:6em;
	position:relative;
}
.contents.tempLoader .header h2 .dummy
{
	background-color : #3c3c3b;
	width:50%;
}
.contents.tempLoader .header .details .dummy
{
	background-color: #A6A6A6;
	width:40%;
}
.contents.tempLoader .summary .dummy
{
	background-color:#595959;
	width:calc(100% - 80px - 8px - 10px);
}
.contents.tempLoader .summary .dummy:last-child {width:40%;}
.contents.tempLoader .loader
{
	position:absolute;
	top:calc(50% - 10px);
	left:calc(50% - 64px);
}
.contents.tempLoader.record .header .dummy
{
	background-color:#3c3c3b;
	width:60%;
}
.contents.tempLoader.record .header .icon
{
	opacity:.3;
}
.contents.tempLoader .details .figure
{
	background-color : #F5F5F5;
	width:100px;
	height:100px;
}
.contents.tempLoader .fields
{
	padding-left:16px;
}
.contents.tempLoader .fields label .dummy
{
	background-color:#595959;
}
.contents.tempLoader .fields label+span
{
	width:70%;
}
/* ------- Break ------- */
.listRecordBreak {
	font-size:1.2em;
	line-height:2em;
	height :2em;
	margin:0px;
	margin-bottom:20px;
	color : #FFFFFF;
	background-color : #A6A6A6;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding : 3px 0 0 17px;
	font-family:Raleway;
}
.listRecordBreak:not(:first-child) {
	margin-top:20px;
}
/* ------- ARTICLES------- */
/*
 #listBody>form>.section
{
	background-color:transparent;
	box-shadow:0 3px 4px rgba(0,0,0,.1);
	padding:18px 12px;
	border-radius:0;
	border:1px solid #EFEFEF;
}

*/

.article {
	position : relative;
	color : #595959;
}
.article.read
{
	opacity:0.4;
	background-color:transparent;
	border-radius:0px;
	padding:0px;
}
.article.read:hover
{
	opacity:1;
}
/*.article a {
	color :  #6A7186;
}
.article a:hover {
	text-decoration : none;
	color : #CD2E28;
}*/

.article a:not(.button) span.kent-ico {
	color :  #D8D8D8;  /* Used mainly for figure and external links */
	padding-left : 4px;
	font-size : 11px;
}
.article a:hover span.kent-ico {
	color :  #D8D8D8;
}
.article>.articleWrapper {
	display:flex;
	width:100%;
}
.article>.articleWrapper>span:first-child {
	flex-grow:0;
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	
	justify-content:flex-end;
}
.article>.articleWrapper>.figure {
	flex-grow:0;
	flex-shrink:0;
}
.article>.articleWrapper>.contents {
	flex-grow:1;
	flex-shrink:1;
	min-width:0;
}
.article>.articleWrapper.settings {
	flex-shrink:0;
	flex-grow:1;
}
.article a.more {
	width:1em;
	height:1em;
	line-height:1em;
	padding:.25em;
	text-align:center;
	font-size:12px;
	color:#A6A6A6;
	transition:transform .2s;
	margin-top:3px;
	display:none;
}
.article .cb-cid2 {
	display:none;
	margin:calc(((1.5 * 1.2em) - 14px) / 2) 2px;
	margin-right:10px;
	width:14px;
	height:14px;
}
.section:not(.plan):not(.diapo) .article:not(tr) input[name="cid[]"] {
	
}
.article.opened a.more {
	transform:rotate(90deg);
}
.article.emphasize
{
	background-color: #F7F7F7;
	padding : 16px;
	border-radius: 10px;
	margin-bottom : 20px;
}
.article .figure {
	display:block;
	width : 80px;
	height : 80px;
	background-color : #F5F5F5;
	border-radius:8px;
	line-height : 80px;
	text-align : center;
	margin-right:7px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.article .avatar {
	margin-right:7px;
	font-size:80px;
}
.figure{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.figure.no-resize
{
	background-size:auto;
}
.article .figure:hover {
	animation:zoom:.3s;
}
.article .figure .hover {
	display:none;
}
.article .figure span.num {
	display:inline-block;
	vertical-align:bottom;
	margin-bottom:10px;
	background-color:#BACF1D;
	color:#FFFFFF;
	line-height:1.4em;
	height:1.4em;
	font-size : 10px;
	border-radius:.7em;
	padding:0 1em;
}
.article .figure .icon {
	font-size : 40px;
}
.article .header
{
	overflow:hidden;
}
.article .header .details {
	color: #A6A6A6;
	font-family:SourceSans,Arial, sans-serif;
	margin:0;
}
.article .header h2 {
	font-size : 1.2em;
	color : #3c3c3b;
	font-weight : bold;
	font-family:SourceSans,Arial, sans-serif;
	margin-bottom : 0;
}
 .contents .article .header h2 a
{
	font-weight : bold;
}

.article .header h2 a {
	color : #3c3c3b;
}

.article .header h2 a:hover, .diapo .article h2 a:hover {
	color : #CD2E28;
}

.article .header h2 a:active, .diapo .article h2 a:active {
	color : #737373;
}

.article .header h2 .subtitle {
	font-size : 0.8em;
	color : #3c3c3b;
	padding-left : 7px;
}
.article .status span.inner {
	width : 80px;
	height : 9px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color : #B7CF4B ;
	text-align : center;
	color : #FFFFFF;
	font-size : 9px;
	line-height : 11px;
	padding : 2px 5px;
	margin-left : 10px;
	font-weight : normal;
}

.article .status.s2 span.inner {
	background-color : #FF9D1F;
}

.article .status.s3 span.inner {
	background-color : #EC6528;
}

.article  .deadline {
	color : #B7CF4B;
}

.article  .deadline.s2 {
	color : #FF9D1F;
}

.article  .deadline.s3 {
	color : #EC6528;
}
.article .summary {
	font-size : 1em;
	line-height : 1.4em;
	overflow:hidden;
}
.article .summary p {
	margin-bottom:5px;
}
.article .summary label {
	width:120px;
	padding-right:5px;
	display:inline-block;
	min-height:20px;
	text-align:right;
	color:#A6A6A6;
	vertical-align:top;
}
.article .summary label+span {
	display:inline-block;
	vertical-align:top;
}
.article .summary .full {
	display:none;
}
.article.opened .full {
	display:block;
}
.article .summary .showFull {
	padding-left:.5em;
	
}
.article.opened .full+div {
	display:none;
}
.article .extractHtml {
	font-size:.9em;
	padding:0 0 0 20px;
	margin-left:10px;
	position:relative;
}
.article .extractHtml .kent-ico:first-child {
	position:absolute;
	top:0;
	left:0;
}
.article .extractHtml .kent-ico:last-child {
	display:inline-block;
	transform:rotateY(180deg);
	margin-left:3px;
}
.article .score {
	text-align:right;
	margin:0;
	
	white-space:nowrap;
}
.article .settings {
	text-align:right;
	margin-left:5px;
}
.article .extra {
	display : none;
	font-size :0.95em;
}
.article.opened .extra {
	display : block;
}
.article .extra .header {
	font-size:1.2em;
	padding-left:20px;
}
.article .extra ul {
	width:auto;
}
.article .extra input[type="text"], .article .extra textarea{
	width:400px;
	box-sizing:border-box;
	line-height:27px;
	height:27px;
	background-color:#FFFFFF;
	color:#595959;
	border:1px solid #D8D8D8;
	border-radius:3px;
	margin:0px;
	padding:3px;
}
.article .extra input[type="text"][size] {
	width:auto;
}
.article .extra .actions {
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
}
.extra .actions li, .article .extra .actions a {
	color : #CD2E28;
	font-weight : normal;
	padding : 0;
}
.loading .article .settings input[type=checkbox], .loading .article .cb-cid2, .loading .article .firstcol input[type=checkbox] {
	visibility:hidden;
}
@media screen and (max-width:550px) {
	.article>.articleWrapper {
		flex-wrap:wrap;
	}
}
/* ------- FOOTER ARTICLE------- */
.loading .article .recordFooter {
	visibility:hidden;
}
.recordFooter {
	border-bottom : 1px solid #BFBFBF;
	
	color : #A6A6A6;
	position : relative;
	margin-bottom : 20px;
	font-family:SourceSans,Arial, sans-serif;
	text-align:right;
}

.recordFooter>a {
	display:inline;
	margin:0px;
	white-space:nowrap;
	padding:0px 5px;
	color:#CD2E28;
}
.recordFooter a.inactive {
	color:#A6A6A6;
}
.recordFooter a.popupTrigger::after {
	content:'a';
	font-family:kentika2-webfont;
	transform:rotate(90deg) translateX(-1px);
	display:inline-block;
	color:inherit;
	font-size:.5em;
	margin-left:5px;
}
.recordFooter .popup {
	border-radius:0;
	width:200px;
	text-align:left;
}
.recordFooter .popup ul {
	list-style-type:none;
	margin:0;
	padding:0 10px;
}
.recordFooter .popup li {
	display:flex;
	justify-content:space-between;
	line-height:1.5;
}
.recordFooter .popup li label {
	flex-grow:1;
}
.recordFooter .basket-add li a:last-child {
	line_height:27px;
}
.recordFooter .basket-add .add {
	line-height:27px;
}
.recordFooter .basket-add .add input, #listRecTab .basket-add .add input {
	width:calc(100% - 28px);

}
.recordFooter .basket-add .add a.kent-ico,  #listRecTab .basket-add .add a.kent-ico {
	color:#D8D8D8;
	font-size:18px !important;
	margin-left:10px;
	line-height:38px;
}
.recordFooter .basket-add .add a.kent-ico:hover,  #listRecTab .basket-add .add a.kent-ico:hover {
	color:#B9CE1D !important;
}

.recordFooter .basket-add p.manage {
	padding:5px 10px 5px;
	margin-top:10px;
	border-top:1px solid #BFBFBF;
	text-align:right;
}

/* ------ FOOTER LISTE ARTICLES ----- */
 #listBody>.footer {
	padding-top:10px;border-top : 1px solid #BFBFBF;
	color : #A6A6A6;
	font-size : .94em;
	font-family:SourceSans,Arial, sans-serif;
}
 #listBody>.footer>div>* {
	margin-top:10px;
}
 #listBody>.footer>div:first-child {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:minmax(0,1fr) minmax(280px,2fr) minmax(180px,1fr);
	grid-template-columns:minmax(0,1fr) minmax(280px,2fr) minmax(180px,1fr);
	justify-content:space-between;
}
 #listBody>.footer>div>.pagination {
	-ms-grid-column:2;
	grid-column:2/2;
}
 #listBody>.footer>div>.eListNbElements {
	-ms-grid-column:3;
	grid-column:3/3;
	text-align:right;
}
 #listBody>.footer>div:last-child {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
 #listBody>.footer label{
	font-weight:normal;
}
 #listBody>.footer select{
	color:inherit;
	max-width:200px;
}
@media screen and (max-width:500px) {
	#listBody>.footer>div:first-child {
		display:block;
	}
	#listBody>.footer>div>.eListNbElements {
		text-align:center;
	}
	 #listBody>.footer>div:last-child {
		justify-content:center;
	}
}
 #main .central .contents .plan .rating
{
	position:static;
	float:right;
	margin-top:1px;
}
.contents .recordrating .rating {
	top:auto;
	position : relative;
	text-align : right ;
	bottom:+3em;
}
 #main .central .contents .col3  .rating {
	top:auto;
	position : static;
	text-align : middle ;
	margin-top:0px;
}
/* ----- DIAPO PAGE ----- */
 #listRecord .diapo {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
 #listRecord .diapo::after {
	content:'';
	flex-grow:0;
	flex-shrink:0;
	width:calc(100% / 3 - 10px);
}
.diapo .article {
	flex-grow:0;
	flex-shrink:0;
	vertical-align:top;
	width:calc(100% / 3 - 10px);
	height:auto;
	position : relative;
	margin-bottom:20px;
}
.diapo .article>div:first-child {
	width:0;
	height:0;
	padding:0 100% 100% 0;
	border-radius: 10px;
	background-color : #000000;
	position:relative;
}
@media screen and (max-width:1000px) {
	.diapo .article {
		width:calc(50% - 20px);
	}
	 #listRecord .diapo::after {
		width:calc(50% - 20px);
	}
}
.diapo .article .footer {
	border: 0 none;
}

/* Header */
.diapo .article .header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:36px;
	background-color:rgba(237,237,237,0.8);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index:1;
}
.diapo .article .header .checkbox {
	position : absolute;
	top : 9px;
	left : 9px;
}
.diapo .article .header .rating {
	position : absolute;
	top : 7px;
	right : 7px;
}	

/* Title position */
.diapo .article h2 {
	width:100%;
	height:calc(2 * 1em + 7px);
	font-size:0.85em;
	position:absolute;
	bottom:0;
	margin:0;
	left:0;
	z-index:1;
}
.diapo .article h2 .title {
	font-weight:normal;
	color:#595959;
	display:block;
	height:100%;
	padding:2px 5px 5px;
	text-align :center;
	line-height:1em;
	overflow:hidden;
	box-sizing:border-box;
	background-color:rgba(237,237,237,0.8);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.diapo .article h2 .title a {
	color:inherit;
	font-weight:inherit;
}
.diapo .article .status {
	position : absolute;
	top : -28px;
	left : 10px;
	display : block;
	line-height : 18px;
	font-size : 12px;
}

.diapo .article .status .inner {
	line-height : 14px;
	margin-left:0px;
}

/* Figure */
.diapo .article .figure {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	border-radius: 10px;
	background-color:transparent;
	background-size:cover;
	display:flex;
	align-items:flex-end;
	justify-content:center;
}
.diapo .article .figure.no-resize {
	background-size:auto;
}
.diapo .article .figure .num {
	font-size:0.85em;
	margin-bottom:calc(2 * 1em + 17px);
}
.diapo .article .figure .hover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0);
	color:#FFFFFF;
	font-size:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:opacity .2s;
}
.diapo .article .figure:hover .hover {
	opacity:.4;
}
.diapo .article .figure .icon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* ****** PAGE PLAN ***** */
 #main .contents .section.plan .article.active {
	padding : 0;
	margin-top : 0;
}

/* Settings for this page */
 #main .contents .section.plan {
	padding-top : 6px;
}

 #main .contents .section.plan.sub>.header~.article {
	margin-left : 44px; /* align with sub section title */
}

 #main .contents .section.plan.sub .header.sub {
	border-top : 1px dashed #BFBFBF;
	display : block;
	height : 0;
	margin : 25px 0 25px 0;
	position : relative;
}

 #main .contents .section.plan.sub .footer.sub {
	display : block;
	border : 0;
	border-bottom : 1px dashed #BFBFBF;
	margin : 10px 0;
	height : 0;
}	

 #main .contents .section.plan.sub .header.sub h2.title {
	font-family : Arial,Helvetica,sans-serif;
	font-size : 1.3em;
	font-weight : bold;
	color : #595959;
	position : absolute;
	/*top : -28px;
	line-height : 50px;*/
	top : -9px;
	line-height : 100%;
	background-color : #FFFFFF;
	padding-right : 10px;

}
 #main .contents .section.plan .article {
	padding-left:20px;
}
 #main .contents .section.plan .article input[name="cid[]"] {
	position:absolute;
	left:0;
	top:calc(1.5 * 1.2em / 2 - 6px);
}

 #main .contents .section.plan.sub .header.sub h2.title .kent-ico {
	padding-right : 3px;
	font-weight : normal;
	vertical-align:baseline;
}

 #main .contents .section.plan .article .header h2 .title {
	color : #3c3c3b;
}


 #main .contents .section.plan .article .header h2 .subtitle {
	color : #A6A6A6;
	font-weight : normal;
	padding-left : 3px;
}

 #main .contents .section.plan .article .header .details {
	color : #A6A6A6;
}

 #main .contents .section.plan .article .header h2 span.status span.inner {
	padding-left : 8px;
	padding-right : 8px;
}
/* ------------ KP ----------- */
.contents .article .kp-listrec-content a .kent-ico
{
	font-size:20px;
	padding:0px;
	margin-right:5px;
	vertical-align:top;
}
 .contents .kp-listrec-content p.border
{
	border-bottom:1px dashed #BFBFBF;
	padding-bottom:5px;
}
 #main .contents .article .kp-listrec-content a.neg
{
	color:#595959;
}
 #main .contents .article .kp-listrec-content a.neg:hover
{
	color:#6A7186;
}
 .contents .kp-listrec-content .kp-view
{
	color:#6A7186;
	font-weight:bold;
	text-align:right;
}
 .contents .kp-listrec-content .num
{
	margin-left:20px;
	background-color : #BACF1D;
	color : #FFFFFF;
	display:inline-block;
	min-width:30px;
	border-radius:0.6em;
	line-height:1.2em;
	text-align:center;
}

 #main .contents .kp-listrec-content ul
{
	position:relative;
	margin:0px;
}
 #main .contents .kp-listrec-content ul label
{
	position:absolute;
	width:auto;
	font-weight:bold;
	color:#595959;
}
 #main .contents .kp-listrec-content ul li
{
	margin-left:100px;
}
/* ------------- Thesaurus ------------ */
 #main .contents #listThesau li
{
	list-style:none;
}
 #main .contents #listThesau, #main .contents #listThesau ul
{
	margin-bottom:0px;
}
 #main .contents #listThesau a.more:hover, #main .contents .thesauHead a:hover
{
	text-decoration:none;
}
 #main .contents .thesauHead
{
	padding-left:10px;
	padding-bottom:10px;
}
 #main .contents .thesauHead p
{
	margin:0px;
}
/* ------------- Mode tableau ---------------- */
 #listRecTab .kent-ico {
	color : #D8D8D8;
	text-decoration : none;
}
 #listRecTab .kent-ico.active {
	color : #A6A6A6;
}
 #listRecord.table-contents #listBody {
	max-width:100%;
	box-sizing:border-box;
}
 #listRecord.table-contents .section
{
	padding:0px;
	overflow:auto;
}

 #listRecTab {
	margin-bottom : 20px;
}
 #listRecTab th {
	border-bottom:1px solid #BFBFBF;
	text-align:center;
}
 #listRecTab th label{
	display:block;
}

 #listRecTab th:not(.firstcol):not(.thumbcol):not(.lastcol) {
	min-width:100px;
}

 #listRecTab td:first-child, #listRecTab td.thumbcol {
	text-align:center;
}
 #listRecTab td {
	border:none;
}
 #listRecTab td.article {
	border-top:1px solid #BFBFBF;
}
 #listRecTab tr.header th, #listRecTab tr.article td:not(.firstcol) {
	padding : 8px 5px 8px 5px;
	vertical-align:middle;
}
 #listRecTab tr.article td:not(.firstcol):not(.lastcol) {
	 min-width:150px;
}
 #listRecTab tr.article:nth-child(4n) td, #listRecTab tr.extraline:nth-child(4n+1) td {
	background-color:#DFDFDF;
}
/* Col 1 icons */
 #listRecTabSettings {
	font-size:20px;
	padding:8px;
}
 #listRecTab tr.article .firstcol {
	vertical-align:middle;
}
 #listRecTab tr.article .firstcol .showmore {
	font-size : 13px;
	line-height : 13px;
	margin-left:8px;
	display:none;
}
 #listRecTab tr.article .firstcol>*{
	display:inline-block;
	vertical-align:middle;
}
/* Col 7 icons */
 #listRecTab .lastcol .kent-ico {
	font-size : 19px;
	line-height : 19px;
}

 #listRecTab td.lastcol .kent-ico {
	color : #B9CE1D;
}
 #listRecTab .popup {
	min-width:200px;
}
 #listRecTab .popup ul {
	list-style-type:none;
}
/* Zone extra */
 #main .contents.table-contents tr.extraline {
	display : none;
	font-size : 1.1em;
}

 #main .contents.table-contents tr.extraline .extra {
	display : block;
}

 #main .contents.table-contents tr.extraline td {
	padding-bottom : 30px;
}

 #main .contents.table-contents tr.extraline ul.actions {
	border-top : 1px dashed #BFBFBF;
	width : 100%;
	position : relative;
	margin : 0;
	padding : 0;
}

 #main .contents.table-contents tr.extraline ul.actions li {
	list-style : none;
	float : left;
	padding : 3px;
}
/* Fin zone extra */


/* Popup param colonnes */
 #popupListRecTabSettings {
	height:300px;
	position:relative;
}
 #popupListRecTabSettings>div {
	display:inline-block;
	width:calc(50% - 4px);
	vertical-align:top;
	height:100%;
	overflow:auto;
	padding:4px;
	box-sizing:border-box;
	border:1px solid currentColor;
	border-radius:3px;
}
 #popupListRecTabSettings>div:first-child {
	margin-right:8px;
}
 #popupListRecTabSettings label {
	display:block;
	margin:0 0 1em 4px;
}
 #popupListRecTabSettings a {
	display:block;
	padding:8px 16px;
	box-sizing:border-box;
	border:1px solid currentColor;
	border-radius:3px;
	margin-bottom:4px;
	position:relative;
}
 #popupListRecTabSettings a.inactive, #popupListRecTabSettings a.inactive:hover {
	color:#A6A6A6;
}
 #popupListRecTabSettings a:hover {
	text-decoration:none;
}
 #popupListRecTabSettings a .kent-ico {
	position:absolute;
	top:calc(50% - 8px);
	font-size:16px;
	line-height:1;
	color:inherit;
}
 #popupListRecTabSettings div:first-child a {
	padding-right:32px;
}
 #popupListRecTabSettings div:last-child a {
	padding-left:32px;
}
 #popupListRecTabSettings div:first-child a .kent-ico{
	right:8px;
	transform:rotate(-90deg);
}
 #popupListRecTabSettings div:last-child a .kent-ico {
	left:8px;
	transform:rotate(90deg);
}
/* ------------ RSS -------------- */
 #main .contents.rssFeeds li
{
	margin-bottom:10px;
	list-style:none;
	padding-left:20px;
}
 #main .contents.rssFeeds li a
{
	line-height:25px;
	vertical-align:top;
	margin-left:-20px;
}
 #main .contents.rssFeeds li a .kent-ico
{
	font-size:18px;
}
 #main .contents.rssFeeds li input[readonly]
{
	width:100%;
}
/* ----------- Sondages ---------------- */
 #main .contents.survey h2
{
	margin:0px;
	font-family:SourceSans,Arial, sans-serif;
	font-size : 1.2em;
}
 #main .contents.survey h2 a
{
	font-weight : bold;
	color : #3c3c3b;
}
 #main .contents.survey h2 a .kent-ico
{
	font-size:0.8em;
	padding-left:10px;
}
 #main .contents.survey h2 a:hover
{
	color : #737373;
}
 #main .contents.survey .section
{
	padding-left:20px;
	margin-bottom:20px;
	overflow:hidden;
}
 #main .contents.survey .separator
{
	width:100%;
	height:0px;
	border-bottom:1px dashed #BFBFBF;
}
 #main .contents.survey ul
{
	margin:0px;
	margin-left:20px;
}
 #main .contents.survey ul li
{
	list-style:none;
	margin-bottom:10px;
}
/* ---------------------------------
	Formulaires et onglets
---------------------------------- */
.form-contents .search-l {
	font-size : 0.9em;
	display : block;
	padding-bottom : 5px;
}

.tabs .tab-contents {
	display : none;
	padding : 0 8px;
}

.tabs .tab-contents.active {
	display : block;
}

 #main .contents .tabs .tab-list {
	margin : 0 15px 18px 0;
	padding : 0; 
	border-bottom : 1px solid #BFBFBF;
	text-align:left;
	overflow:hidden;
}

 #main .contents .tabs .tab-list li {
	display : inline-block;
	vertical-align:bottom;
	list-style : none;
	padding : 0;
	margin : 0;
}

 #main .contents .tabs .tab-list a {
	display : inline-block;
	line-height : 16px;
	width:auto;
	text-align : center;
	background-color : #D8D8D8;
	background-image:none;
	color :#A6A6A6;
	vertical-align:bottom;
	padding : 2px 1em;
	margin : 0px 0px 0px 8px;
	font-size : 1em;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}

 #main .contents .tabs .tab-list a.active,  #main .contents .tabs .tab-list a:hover {
	background-color : #A6A6A6;
	color : #FFFFFF;
	text-decoration:none;
}

.form-contents .tabs {
	font-size : 0.95em;
}
.form-contents h5 {
	font-weight : bold;
	font-family : Arial, Helvetica,sans-serif;
	margin-bottom : 10px;
	color : #8C8C8C;
}

.form-contents p {
	color : #8C8C8C;
}

.form-contents label {
	padding-top : 0;
	padding-bottom : 0;
}

.form-contents .check-list {
	line-height : 1.2em;
	position : relative;
}

.form-contents .check-list p {
	margin : 0;
	padding : 0;
	margin-top : 0.5em;
	margin-bottom : 1em;
	position : relative;
}

.form-contents .check-list .submit {
	position : absolute;
	right : 5px;
	bottom : 0px;
	font-size : 1em;
}

.form-contents .check-list .checkbox, .form-contents .check-list .radio {
	height : 13px;
	float : left;
	margin-right:5px;
}

.form-contents .check-list label {
	display : block;
	line-height : 1em;
	padding-left : 20px;
}

.form-contents .conditions {
	border-top : 1px solid #BFBFBF;
	padding-top : 1em;
	margin-top : 1em;
}

.contents form.form label
{
	width:150px;
	padding-right:5px;
	text-align:right;
	vertical-align:top;
	display:inline-block;
	line-height:1.5em;
}
.contents form.form input[type=checkbox]+label,.contents form.form input[type=radio]+label
{
	width:auto;
	padding-right:0px;
	padding-left:5px;
	text-align:justify;
	display:inline;
	line-height:100%;
}

/* ---------- Cookies Warning--------- */
 #is_cookies
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:15px 50px;
	background-color:#E9E9E1;
	color:#737373;
	z-index:10;
	text-align:center;
	font-size:1.3em;
}

/* --------------------------------------------------
                                 GedPlus
-------------------------------------------------- */
.hidden-file-upload
{
	display:none;
}
 #main .gedPlus .gedlist
{
	margin:0;
	padding:0;
}
 #main .gedPlus .gedlist .gedlist
{
	padding-left:25px;
	display:none;
}
 #main .gedPlus li.opened>.gedlist
{
	display:block;
}
 #main .gedPlus .gedlist li
{
	list-style-type:none;
	position:relative;
	margin-bottom:0;
	padding-top:5px;
}
 #main .gedPlus .gedlist li:first-of-type:not(.root)
{
	margin-top:10px;
}
 #main .gedPlus .gedlist>li.dragged, #transitMini li.dragged
{
	display:none;
}
 #main .gedPlus .gedlist>li.gedGhost, #main .gedPlus .gedlist>li.gedGhostFolder
{
	background-color:#FEFBDF;
	padding:4px;
	box-sizing:border-box;
}
 #main .gedPlus .gedlist>li.gedGhost>div, #main .gedPlus .gedlist>li.gedGhostFolder>div
{
	border:1px  dashed #E5D657;
	border-radius:7px;
}
 #main .gedPlus .gedlist>li.gedGhost>div
{
	line-height:45px;
	text-align:center;
	min-height:45px;
}
.gedPlus .folder>div, .gedPlus .file
{
	min-height:45px;
	border-bottom:1px dashed #BFBFBF;
}
.gedPlus .folder>div
{
	line-height:45px;
}
.gedPlus .folder.root>div
{
	border-bottom:none;
}
.gedPlus .folder.root>div.hideFolder0
{
	height:10px;
	min-height:10px;
	visibility:hidden;
	overflow:hidden;
}
.gedPlus .folder .caret:after
{
	content:'K';
	font-family:kentika2-webfont;
	color:#A6A6A6;
	font-size:10px;
	vertical-align:baseline;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	top:5px;
	left:-15px;
	z-index:1;
}
.gedPlus .folder.opened>div>.caret:after
{
	content:'J';
}
.gedPlus .folder.root>div>.caret
{
	display:none;
}

.gedPlus .folder>div>.icon, .gedPlus .file .icon
{
	height:45px;
	width:45px;
	text-align:left;
	display:block;
	vertical-align:middle;
	line-height:45px;
	position:absolute;
	top:5px;
	left:0;
	cursor:pointer;
	z-index:1;
}
.gedPlus .folder>div .icon:before
{
	content:'Z';
	font-family:kentika-std;
	font-size:45px;
	color:#465963;
	display:inline-block;
	vertical-align:bottom;
}
.gedPlus .file.locked .title:before
{
	content:'8';
	font-family:kentika-std;
	font-size:1em;
	line-height:1em;
	padding:2px;
	display:block;
	position:absolute;
	top:0;
	left:-1em;
	margin-left:-5px;
	color:#465963;
}
.gedPlus .folder.local>div>.icon:before
{
	content:'Y';
	color:#D3D3D3;
}

.gedPlus .folder .icon .num
{
	position:absolute;
	bottom:10px;
	left:calc(50% - (24px / 2));
	text-align:center;
	background-color:#BACF1D;
	color:#FFFFFF;
	display:inline-block;
	vertical-align:middle;
	line-height:12px;
	width:24px;
	height:12px;
	font-size:10px;
	font-weight:bold;
	border-radius:6px;
}

.gedPlus .file .icon img
{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

.gedPlus .fileInfo
{
	display:block;
	min-height:45px;
	overflow:hidden;
	padding-bottom:5px;
}
.gedPlus .gedlist .fileInfo>p
{
	padding-left:65px;
}
.gedPlus .gedlist .iconsInfo
{
	top:5px;
	left:-1.5em;
	margin-left:-15px;
}
.gedPlus .gedlist .folder.opened>div .iconsInfo .child
{
	display:none;
}
.gedPlus .gedlist .title
{
	display:inline-block;
	box-sizing:border-box;
	margin-left:65px;
	vertical-align:middle;
	line-height:1.3em;
	margin-bottom:0;
	color:#CD2E28;
	font-weight:bold;
	position:relative;
}
.gedPlus .file.alias .title
{
	color:#CD2E28;
	font-style:italic;
}
.gedPlus .file.alias .title .kent-ico
{
	vertical-align:middle;
}
.gedPlus .actions
{
	display:block;
	box-sizing:border-box;
	line-height:45px;
	min-height:45px;
	width:40%;
	padding-left:20px;
	display:inline-block;
}
.gedPlus .twocols .actions
{
	width:100%;
	padding-left:65px;
}

.gedPlus .actions>p, .gedPlus .actions>div
{
	display:inline-block;
	color:#CD2E28;
	vertical-align:middle;
	line-height:1.3em;
}
 #main .gedPlus .actions p
{
	margin:0;
}
 #main .gedPlus .title input, #main .gedPlus .tags input
{
	width:70%;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	color:inherit;
	background-color:transparent;
	border:none;
	outline:none;
	box-shadow:none;
	padding:0;
}

.gedPlus .tags
{
	padding-left:65px;
	position:relative;
	color:#3A65A8;
	font-size:0.8em;
}
.gedPlus .tags>.label
{
	display:inline-block;
	margin:2px 5px;
	padding:0 1em;

	background-color:rgba(58,101,168,0.2);
	border:1px solid #3A65A8;
	border-radius:0.6em;
	line-height:1.2em;
	font-weight:bold;
}
.gedPlus .tags>.label:first-child
{
	margin-left:0;
}
.gedPlus .tags>.label.add
{
	display:none;
}
.gedPlus .tags.readwrite>.label.add
{
	display:inline-block;
}
.gedPlus .tags.readwrite>.label
{
	cursor:pointer;
}
.gedPlus .tags.readwrite>.label:hover
{

	background-color:rgba(236,139,0,0.2);
	color:#EC8B00;
	border-color:#EC8B00;
}

.gedPlus .temp-form
{
	margin-right:5px;
	top:0;
	font-size:1.3em;
	font-style:normal;
	vertical-align:middle;
	display:inline-block;
}
 #main .gedPlus .temp-form a
{
	margin-right:5px;
}
 #main .gedPlus .temp-form .submit:hover
{
	color:#B9CE1D;
}
 #main .gedPlus .temp-form .cancel:hover
{
	color:#CD2E28;
}

 #gpTemplatePopup .kentcols
{
	margin-top:10px;
}
 #gpTemplatePopup li
{
	list-style-type:none;
	margin:0.5em 0;
	padding:5px;
	cursor:pointer;
	overflow:hidden;
}
 #gpTemplatePopup li.inactive
{
	background-color:#bfbfbf;
	background-color:rgba(0,0,0,0.3);
}
 #gpTemplatePopup li.header
{
	cursor:auto;
}
 #gpTemplatePopup li img
{
	max-height:32px;
	max-width:32px;
	float:left;
	margin-right:10px;
}
 #gpTemplatePopup li:hover
{
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
}
 #gpTemplatePopup li.header:hover
{
	box-shadow:none;
}
 #gpTemplatePopup input[type="checkbox"]
{
	display:none;
}
 #gpTemplatePopup .searchResults
{
	margin-top:1em;
}
 #gpTemplatePopup .faded
{
	display:block;
}
 #gedPlus_editPropertiesPopup .tags a, #gedPlus_editPropertiesPopup .tags a.deleted:hover
{
	text-decoration:none;
}
 #gedPlus_editPropertiesPopup .tags a.deleted,  #gedPlus_editPropertiesPopup .tags a:hover
{
	text-decoration:line-through;
}
 #gedPlus_editPropertiesPopup .tags a:hover
{
	
}
 #gedPlus_sortPopup ul {
	margin-bottom:0;
}
 #gedPlus_sortPopup .kent-ico {
	font-size:1.25em;
	color:inherit;
	margin-right:.5em;
}
/* ======= Workflow ========= */
.gedPlusInfos
{
	margin:10px;
	background-color:#F5F5F6;
	padding:10px;
}
.gedPlusInfos label
{
	vertical-align:middle;
}
.gedPlusInfos .avatar
{
	font-size:36px;
	margin-right:10px;
}
 #main .gedPlusInfos .gedPlusInfosUserList ul
{
	display:table-cell;
}


.flowTags .urgent, .flowTags .important
{
	color:#cc0000;
	font-size:1.6em;
	display:inline-block;
	vertical-align:middle;
}
.flowTags .urgent:before
{
	content:'r';
	font-family:kentika2-webfont;
}
.flowTags .important:before
{
	content:'!!!';
}
.flowTags .vlate:before, .flowTags .late:before, .flowTags .today:before, .flowTags .new:before
{
	display:inline-block;
	line-height:1.6em;
	padding:0 0.3em;
	border-radius:0.8em;
	white-space:nowrap;
	color:#FFFFFF;
	box-sizing:border-box;
	overflow:hidden;
	font-size:0.9em;
	text-align:center;
	vertical-align:middle;
}
.flowTags .vlate:before
{
	content:'en retard';
	background-color:#cc0000;
}
.flowTags .late:before
{
	content:'en retard';
	background-color:#EDCB0D;
}
.flowTags .today:before
{
	content:'ce jour';
	background-color:#EDCB0D;
}
.flowTags .new:before
{
	content:'Nouveau';
	background-color:#3993CC;
}
.gedFlow .flowDetails
{
	display:inline-block;
	vertical-align:top;
}
.wfIcon.kent-ico
{
	font-size:24px;
	display:inline-block;
	height:1.2em;
	line-height:1.2em;
	width:1.2em;
	text-align:center;
	border-radius:0.6em;
}
.wfIcon.grey
{
	color:#8B2111;
	background-color:#ECECEC;
}
.wfIcon.late {
	color:#465963;
	background-color:#FEC304;
}
.wfIcon.green
{
	color:#FFFFFF;
	background-color:#B9CE1D;
}
.wfIcon.black
{
	background-color:#465963;
	color:#ECECEC;
}
.gedFlow .action {
	margin-bottom:8px;
}
.workflowInfos p>.kent-ico:first-child{
	color:inherit;
	vertical-align:middle;
	font-size:1.5em;
	margin-right:.5em;
	
}
.workflowInfos>p.title+div {
	background-color:rgba(10,11,10,.1);
	color:inherit;
	border-radius:8px;
	padding:16px;
}
.workflowInfos>p.title+div.late {
	background-color:#FEC30419;
}
.workflowInfos .author {
	color:#A6A6A6;
	margin:8px !important;
}
.workflowInfos>p.title+div em {
	font-weight:bold;
	font-style:normal;
}
.workflowInfos .listActions {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}
.workflowInfos .listActions>p {
	display:flex;
	margin:0;
}
.workflowInfos .workflowMyActions .title {
	border-top:2px solid #BFBFBF;
	margin:8px 0 0 !important;
	padding:8px !important;
	font-size:1em;
}
.workflowInfos .workflowMyActions>div {
	background-color:#FFFFFF;
	border-radius:8px;
	padding:8px 16px;
}
.workflowInfos .workflowMyActions>div.late {
	background-color:#FEC30419;
}
.workflowInfos .workflowMyActions>div.late.reminded {
	border:2px solid #FEC304;
}
.workflowInfos .workflowMyActions>div.done {
	background-color:#B9CE1D19;
}
.workflowInfos .workflowMyActions>div.denied {
	background-color:#e0000019;
}
.workflowInfos .workflowMyActions>div p:nth-child(2) {
	display:flex;
	justify-content:space-between;
}
.workflowInfos .workflowMyActions>div p:nth-child(2)>span:first-child .kent-ico {
	font-size:1.25em;
	margin-right:8px;
}
.workflowInfos .workflowMyActions>div p:nth-child(2) .kent-ico {
	color:inherit;
	vertical-align:middle;
}
.workflowInfos .workflowMyActions>div>div.comment {
	border:2px solid rgba(10,11,10,.1);
	background-color:#FFFFFF;
	padding:8px;
	margin:4px 0;
	border-radius:8px;
}
.workflowInfos .workflowMyActions>div.done>div.comment.border {
	border-color:#B9CE1D;
}
.workflowInfos .workflowMyActions>div.denied>div.comment.border {
	border-color:#e00000;
}
.workflowInfos .workflowMyActions>div>div.comment.reminder {
	border-color:#FEC304;
}
.gedFlow .workflowMyActions .buttons {
	margin-top:8px;
}
.gedFlow .workflowMyActions .buttons .black {
	border-color:#CD2E28;
}
.gedFlow .action .buttons {
	text-align:right;
}
.gedFlow .flowActions
{
	display:inline-block;
	text-align:center;
	font-size:24px;
	vertical-align:top;
}
.gedFlow .flowActions>p:first-child
{
	font-weight:bold;
	font-size:13px;
}
/* workflow on lists */
.article .gedFlow .action {
	padding-left:32px;
	position:relative;
}
.article .gedFlow .action:not(:last-child) {
	border-bottom:1px solid #BFBFBF;
	padding-bottom:8px;
}
.article .gedFlow .action>a.kent-ico {
	font-size:.75em;
	transition: transform .3s;
	position:absolute;
	left:0;
	top:.4em;
}
.article .gedFlow .action>a.kent-ico.opened {
	transform:rotate(90deg);
}
.article .gedFlow .action>a.kent-ico:not(.opened)~.workflowInfos>div{
	display:none;
}
.article .gedFlow .workflowMyActions .buttons {
	display:none;
}

/* popups */
 #wfPopupRead
{
	position:relative;
	display:flex;
}
 #wfPopupRead .document
{
	flex:0 0 80%;
	box-sizing:border-box;
}
 #wfPopupRead .nav {
	 width:100%;
	 display:flex;
	 justify-content:space-between;
	 font-size:1.5em;
}
 #wfPopupRead iframe {
	width:100%;
}
 #wfPopupRead .buttons
{
	flex:0 0 20%;
	padding:0 10px;
	vertical-align:top;
}
 #wfPopupRead .buttons button
{
	line-height:2em;
	width:100%;
	margin:10px 0;
}
 #wfPopupSign .wfSignButton
{
	font-size:1.2em;
}
 #wfPopupSign .wfSignButton input[type="radio"]
{
	display:none;
}
 #wfPopupSign .wfSignButton label
{
	padding:10px;
	font-weight:bold;
	text-align:center;
	width:80%;
	display:block;
	margin:10px auto;
	border-radius:8px;
	color:inherit !important;
	background-color:#FFFFFF;
	border:2px solid #FFFFFF;
	cursor:pointer;
}
 #wfPopupSign .wfSignButton label:hover .kent-ico {
	animation:zoom .3s;
}
 #wfPopupSign .wfSignButton input:checked+label.confirm
{
	border-color:#B9CE1D;
}
 #wfPopupSign .wfSignButton input:checked+label.deny
{
	border-color:#CD2E28;
}
 #wfPopupSign .wfSignButton input:checked+label.cancel
{
	border-color:#A6A6A6;
}
 #wfPopupSign .wfSignButton .kent-ico
{
	display:block;
	font-size:5em;
	color:#FFFFFF !important;
	border-radius:4px;
	width:1.2em;
	height:1.2em;
	line-height:1.2em;
	margin:5px auto;
}
 #wfPopupSign .wfSignButton .confirm .kent-ico
{
	background-color:#B9CE1D;
}
 #wfPopupSign .wfSignButton .deny .kent-ico
{
	background-color:#CD2E28;
}
 #wfPopupSign .wfSignButton .cancel .kent-ico
{
	background-color:#A6A6A6;
}
 #wfPopupSign textarea
{
	width:100%;
	height:100px;
	box-sizing:border-box;
	border-width:1px;
	margin:8px 0 0;
	padding:3px;
	background-color:#FFFFFF;
	color:#595959;
}
 #wfPopupSign textarea:focus
{
	outline:none;
	border-color:#909090;
	background-color: #FFFDED;
}
.wfHisto .logs label{
	text-align:right;
	cursor:pointer;
	display:block;
	padding:4px 0;
}
.wfHisto .logs label .kent-ico{
	color:inherit;
	margin-right:.5em;
}
.wfHisto .logs table {
	width:100%;
}

/* ------------ Workflow - Dashboard ----------- */
.wfDash .team
{
	position:relative;
	margin-bottom:15px;
	border-bottom:1px dashed #BFBFBF;
	padding-bottom:15px;
}
.wfDash .title
{
	height:4em;
	font-size:1em;
	clear:both;
	margin-bottom:10px;
}
.wfDash .title .kent-ico
{
	font-size:2em;
	float:left;
	height:2em;
	line-height:1.5em;
	margin-right:9px;
	color:#465963;
}
.wfDash .title .bullet.kent-ico
{
	font-size:0.75em;
	height:3em;
	line-height:4em;
	color:#ECECEC;
}
.wfDash .title p
{
	margin:0px !important;
	line-height:3em;
}
.wfDash .title a
{
	font-weight:bold;
}
.wfDash .title p.faded
{
	font-weight:normal;
	font-size:0.9em;
	line-height:1em;
	margin-top:-0.5em !important;
}

.wfDash table
{
	max-width:90% !important;
	margin-left:10% !important;
	border-spacing:6px;
	border-collapse:separate !important;
	table-layout:fixed;
	font-size:1.3em;
}
.wfDash th
{
	width:33%;
	font-weight:normal;
	font-size:0.8em;
	color:#A6A6A6;
	border:none;
	padding:0 10px;
}
 .wfDash td
{
	padding:0;
	position:relative;
}
.wfDash td>a
{
	display:block;
	width:100%;
	padding:0 10px;
	line-height:1.5em;
	background-color:#ECECEC;
	color:#595959;
	margin-bottom:10px;
	box-sizing:border-box;
}
.wfDash td>a>span
{
	vertical-align:middle;
	display:inline-block;
}
.wfDash td>a:hover
{
	background-color:#595959 !important;
	color:#ECECEC !important;
	text-decoration:none;
}
.wfDash td>a.green
{
	background-color:#B9CE1D;
	color:#FFFFFF;
}
.wfDash td>a.red
{
	background-color:#cc0000;
	color:#FFFFFF !important;
}
.wfDash td>a>.kent-ico:first-child
{
	display:inline-block;
	vertical-align:middle;
	color:inherit;
	margin-right:8px;
}
.wfDash td .label
{
	margin:0 8px;
}
.wfDash.narrow td .label
{
	display:none;
}
.wfDash td .flowTags
{
	font-size:0.6em;
	display:inline;
}
.wfDash td .flowTags span
{
	margin-right:5px;
}
/* ----------- Team screen -------- */
 #wfTeam #teamModify {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
}
 #wfTeam #teamStatus .popupLabel {
	text-decoration:none;
	font-weight:bold;
}
 #wfTeam #teamStatus .popupLabel::after {
	content:'J';
	font-family:kentika2-webfont;
	font-size:.5em;
	margin-left:5px;
}
 #wfTeam #teamStatus ul{
	list-style-type:none;
	margin:0 1em;
}
 #wfTeam #teamStatus ul{
	
}
 #wfTeam .mailGroup {
	margin:0 1em;
	vertical-align:middle;
}
 #wfTeam .wfTeamMembers>li
{
	list-style-type:none;
	border-bottom:1px solid #BFBFBF;
	padding-bottom:10px;
	margin-bottom:10px;
	min-height:75px;
	position:relative;
}
 #wfTeam .wfTeamMembers li.header
{
	min-height:0;
	padding-top:10px;
}
.wfTeamMembers .avatar
{
	position:absolute;
	top:0;
	left:0;
	font-size:75px;
	color:#D8D8D8;
}
.wfTeamMembers .title
{
	font-size:1.1em;
	padding-right:30px;
	line-height:1.5em;
	padding-left:90px;
}
.wfTeamMembers .title a
{
	font-weight:bold;
}
.wfTeamMembers .title .kent-ico
{
	float:right;
	font-size:20px;
	font-weight:normal;
}
.wfTeamMembers .status
{
	margin-left:90px;
	margin-right:30px;
	padding:3px 10px;
	border-radius:10px;
	background-color:#D8D8D8;
	line-height:1.5em;
}
.wfTeamMembers .status a
{
	font-weight:bold;
}

 .wfTeamMembers form
{
	margin:0 10%;
}
 #wfTeam .wfTeamMembers .warning.status
{
	margin:1em 10% 0;
	padding:10px 10px 10px 3em;
	background-color:#FFFAEA;
}
 .wfTeamMembers .warning.status:before
{
	color:#fcc560;
	top:10px;
	left:10px;
}
 #wfTeam .wfTeamMembers .infos p
{
	margin:0;
	line-height:1.8em;
}
.wfTeamMembers .infos .kent-ico
{
	display:inline-block;
	font-size:1.4em;
	vertical-align:middle;
	margin-right:12px;
}
.wfTeamMembers .infos .late
{
	color:#EDCB0D;
}
.wfTeamMembers .infos .today
{
	color:#EDCB0D;
}
/* ------- Change team ------- */
 #wfChangeTeam
{

	background-color:rgba(139,33,17,0.8);
	color:#FFFFFF;
	border-radius:10px;
	padding:13px;
	box-sizing:border-box;
}
 #head-image #wfChangeTeam
{
	width:500px;
	position:absolute;
	right:10px;
	top:10px;
}
 #wfChangeTeam>img
{
	max-width:3em;
	max-height:3em;
	float:left;
	margin-right:0.5em;
}
 #wfChangeTeam>.kent-ico
{
	font-size:2em;
	float:left;
	margin-right:0.5em;
	height:1em;
	line-height:1em;
}
 #wfChangeTeam .wfCurrTeam
{
	font-size:1.2em;
	line-height:1.67em;
	margin-bottom:0.3em;
}
 #wfChangeTeam .wfCurrTeam a
{
	color:#FFFFFF;
	font-weight:bold;
}
 #wfChangeTeam .wfCurrTeam+div
{
	padding-left:3.5em;
}
 #wfChangeTeam .kentcol .k_select
{
	margin-top:1em;
}
 #wfChangeTeam select
{
	max-width:80%;
}
/* ======= Transit Mini ======== */
 #transitMini
{
	height:100%;
}
 #transitMini .wrapper
{
	width:auto;
}

 #transitMini .top
{
	display:block;
	text-align:justify;
	line-height:1em;
	height:1em;
	font-size:26px;
	padding:10px;
}
 #transitMini .top .kent-ico
{
	color:#A6A6A6;
}
 #transitMini .loader
{
	min-height:300px;
	line-height:300px;
	text-align:center;
}

 #menu_k2 #transitMini .transit-tabs a
{
	display:table;
	width:90%;
	height:3.5em;
	line-height:3.5em;
	margin:5px auto 0;
	background-color:#E7E6E6;
	border-top: 3px solid  #C6C6C6;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	box-sizing:border-box;
	font-weight:bold;
	color:#A0A0A0;
	overflow:hidden;
}
 #menu_k2 #transitMini .transit-tabs a.active, #menu_k2 #transitMini .transit-tabs a:hover
{
	border-top-color:#8B2111;

	background-color:rgba(139,33,17,0.1);
	color:#595959;
	text-decoration:none;
}
 #transitMini .transit-tabs .kent-ico
{
	color:#A0A0A0;
	font-size:18px;
	padding:0 5px 0 14px;
	width:23px;
	display:table-cell;
	vertical-align:middle;
	line-height:1.3em;
}
 #transitMini .transit-tabs a.active .kent-ico, #transitMini .transit-tabs a:hover .kent-ico
{
	color:#8B2111;
}
 #transitMini .transit-tabs .kent-ico+span
{
	line-height:1.3em;
	display:table-cell;
	vertical-align:middle;
	margin-right:14px;
	text-align:center;
}
 #transitMini .transit-tabs a+hr
{
	margin:0;
	border-bottom:1px solid #E7E6E6;
}
 #transitMini .filters
{
	padding:10px;
	margin-top:10px;
}
 #transitMini .filters .qsearch
{
	width:100%;
	background-color:#FFFFFF;
	color:inherit;
	line-height:2em;
	height:2em;
	border-radius:1em;
	padding:0 1em;
	box-sizing:border-box;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.5) inset;
	margin-bottom:10px;
	position:relative;
}
 #transitMini .filters .qsearch .kent-ico
{
	position:absolute;
	top:0;
	left:1em;
}
 #transitMini .filters .qsearch input
{
	height:2em;
	line-height:2em;
	color:inherit;
	background-color:transparent;
	border:none;
	outline:none;
	width:100%;
	box-sizing:border-box;
	padding-left:1.6em;
}
 #transitMini .filters input+label
{
	padding-left:10px;
}
 #transitMini .filters input[type="radio"], #transitMini .filters input[type="checkbox"]
{
	vertical-align:middle;
}
 #transitMini .filters select
{
	width:100%;
}
 #transitMini .filelist
{
	padding:0;
	margin:0;
	width:auto;
}
 #transitMini .filelist li
{
	position:relative;
	cursor:pointer;
	list-style-type:none;
	text-align:left;
	padding:3px 8px;
}
 #transitMini .filelist>li:hover
{
	background-color:#8B2111;
	color:#FFFFFF;
}
 #transitMini .filelist>li.local
{
	cursor:not-allowed;
	color:inherit;
	background-color:transparent;
}
 #transitMini .filelist>li.filtered
{
	display:none;
}
 #transitMini .filelist .figure
{
	font-size:20px;
	height:1em;
	line-height:1em;
	width:1em;
	position:absolute;
	top:50%;
	margin-top:-10px;
	left:8px;
	display:inline-block;
	vertical-align:middle;
	color:inherit;
}
 #transitMini .filelist .title
{
	margin:0;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	height:20px;
	box-sizing:border-box;
	padding:3px 12px 3px 25px;
	color:inherit;
	white-space:nowrap;
}
 #transitMini .filelist .more
{
	position:absolute;
	font-size:10px;
	top:50%;
	margin-top:-5px;
	right:2px;
	height:1em;
	width:1em;
	color:inherit;
}

/* ====== GED Toolbox ======= */
 #gedToolbox
{
	position:absolute;
	padding-left:0;
	display:none;
	z-index:11;
}
 #gedToolbox>.arrow
{
	width:0;
	height:0;
	position:absolute;
	top:24px;
	left:-20px;
	border-style:solid;
	border-color:transparent #595959 transparent transparent;
	border-width:15px 20px 15px 0;
}
 #gedToolbox.below>.arrow
{
	top:-20px;
	left:24px;
	border-color:transparent transparent #595959 transparent;
	border-width:0 15px 20px 15px;
}
 #gedToolbox>.wrapper
{
	background-color:#FFFFFF;
	padding:0 !important;
	margin-left:0;
	min-height:120px;
	width:auto;
	box-shadow:0 0 10px 0px #909090;
	display:flex;
}
 #gedToolbox>.wrapper .loader
{
	width:300px;
	height:120px;
	line-height:120px;
	text-align:center;
}
 #gedToolbox .wrapper .tabs
{
	width:2em;
	padding:16px 0;
	background-color:#F2F3F1;
	color:#595959;
	font-size:24px;
	text-align:center;
	box-sizing:border-box;
}
 #gedToolbox .tabs a
{
	width:1.3em;
	height:1.6em;
	line-height:1.6em;
	display:inline-block;
	background-color:transparent;
	color:inherit;
	margin-bottom:6px;
	text-align:center;
}
 #gedToolbox .tabs a:hover,  #gedToolbox .tabs a.active
{
	color:#8B2111;
}
 #gedToolbox .wrapper>div:not(.tabs):not(.loader) {
	display:grid;
	grid-template-columns:auto auto;
	grid-template-rows:auto;
	gap:16px 24px;
	padding:24px;
}
 #gedToolbox .wrapper>div:not(.tabs):not(.loader)>.title {
	grid-column:1 / 3;
	margin:0;
	font-size:1.5em;
	font-weight:bold;
}
 #gedToolbox>.wrapper>div:not(.tabs):not(.loader)>div
{
	display:block;
	margin:0;
}
 #gedToolbox .wrapper .img
{
	position:relative;
	vertical-align:top;
	width:222px;
}
 #gedToolbox .img.folder
{
	padding-left:15px;
	padding-right:10px;
	width:45px;
}
 #gedToolbox .img>div
{
	height:311px;
	width:222px;
	background-color:#D8D8D8;
	border:1px solid #A0A0A0;
	line-height:311px;
	text-align:center;
}
 #gedToolbox .img img
{
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
 #gedToolbox .img.folder:before
{
	content:'Z';
	font-family:kentika-std;
	font-size:45px;
	color:#465963;
	display:inline-block;
	vertical-align:middle;
	line-height:1em;
}
 #gedToolbox .img.folder.local:before
{
	content:'Y';
	color:#D3D3D3;
}
 #gedToolbox .contents
{
	width:400px;
	color:#494949;
	box-sizing:border-box;
}
 #gedToolbox .contents p
{
	margin-bottom:0;
	line-height:1.6em;
	overflow:hidden;
}
 #gedToolbox .contents hr
{
	border-bottom-style:solid;
}
 #gedToolbox .contents .title
{
	padding:0;
	margin-bottom:1em;
	font-weight:bold;
	color:#595959;
}
 #gedToolbox .contents .warning:not(.kent-ico)
{
	display:none;
	font-style:italic;
	font-size:0.8em;
	color:#EC8B00;
	margin-top:-1em;
	margin-bottom:1em !important;
}
 #gedToolbox .contents .warning.global, #gedToolbox .contents.root .warning.root
{
	display:block;
}
 #gedToolbox .contents.local .warning.global, #gedToolbox .contents.root .warning.global
{
	display:none;
}
 #gedToolbox .contents .warning .kent-ico
{
	font-style:normal;
	font-size:1.5em;
	margin-right:10px;
	vertical-align:middle;
}
 #gedToolbox .contents.alias .title
{
	font-style:italic;
}
 #gedToolbox .contents.alias .title:after
{
	content:"k";
	font-family:kentika2-webfont;
	margin-left:5px;
	vertical-align:middle;
	display:inline-block;
}
 #gedToolbox .contents.alias .warning.alias {display:block;}
 #gedToolbox .contents.locked .warning.locked {display:block;}
 #gedToolbox .contents label
{
	display:inline-block;
	width:80px;
	margin-right:5px;
	text-align:right;
}
 #gedToolbox .contents label+span
{
	font-weight:bold;
}
 #gedToolbox .contents .fileLinks
{
	margin-top:1em;
}
 #gedToolbox .contents .fileLinks a
{
	height:40px;
	display:inline-block;
	vertical-align:top;
}
 #gedToolbox .contents .fileLinks img
{
	height:100%;
	margin:0 5px;
}
 #gedToolbox .contents .button
{
	text-align:center;
}
 #gedToolbox .contents .button a
{
	display:inline-block;
	padding:0.2em 10px;
	border-radius:0.8em;
	line-height:1.2em;
	background-color:#E7E7E7;
	color:#6A7186;
	margin:10px auto;
	font-weight:bold;
}
 #gedToolbox .contents .button a:hover
{
	color:#FFFFFF;
	background-color:#D9B5B0;
	text-decoration:none;
}
 #gedToolbox .contents ul
{
	margin:0;
}
 #gedToolbox .contents ul p.header
{
	border-bottom:1px solid #BFBFBF;
	margin-bottom:4px;
}
 #gedToolbox .contents ul li
{
	list-style-type:none;
}
 #gedToolbox .contents ul li a
{
	display:block;
	padding:5px 10px 5px 40px;
	color:#FFFFFF;
	background-color:#909AB1;
	margin-bottom:1px;
	font-weight:bold;
	position:relative;
}
 #gedToolbox .contents ul li a:hover
{
	background-color:#E7E7E7;
	color:#6A7186;
	text-decoration:none;
}
 #gedToolbox .contents a.inactive
{
	font-style:italic;
	color:#A6A6A6;
	background-color:transparent;
	text-decoration:none;
	cursor:not-allowed;
}
 #gedToolbox .contents ul li a .kent-ico
{
	color:inherit;
	position:absolute;
	left:7px;
	top:5px;
	font-size:18px;
	font-style:normal;
}
 #gedToolbox .contents ul li a .kent-ico.overlay span {color:#909AB1;}
 #gedToolbox .contents ul li a:hover .kent-ico.overlay span{color:#E7E7E7;}
 #gedToolbox .contents ul li a.inactive .kent-ico.overlay span {color:#FFFFFF;}

 #gedToolbox .contents .folderContents a
{
	width:30px;
	height:30px;
	line-height:30px;
	margin:3px;
	display:inline-block;
	position:relative;
}
 #gedToolbox .contents .folderContents a img
{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

 #gedToolbox .contents .flowTags
{
	margin-top:-1em;
	margin-bottom:1em;
}
 #gedToolbox .gedFlow .flowActions .kent-ico
{
	display:inline-block;
	font-size:24px;
	height:1.6em;
	line-height:1.6em;
	width:1.6em;
	margin:5px;
	border-radius:0.25em;
	color:#FFFFFF;
	background-color:#909AB1;
	text-align:center;
	font-weight:normal !important;
}
 #gedToolbox .gedFlow .flowActions .kent-ico:hover
{
	background-color:#E7E7E7;
	color:#6A7186;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.done
{
	color:#FFFFFF;
	background-color:#B9CE1D;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.denied
{
	color:#FFFFFF;
	background-color:#cc0000;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.inactive,.gedFlow .flowActions .kent-ico.disabled:hover
{
	font-style:normal;
	color:#A6A6A6;
	background-color:transparent;
}

/* -------- Liste --------- */

.contents .article .figure.richFolder
{
	border:0;
	height:58px;
	width:58px;
	border-radius:8px;
	position:relative;
}
 #main .contents .article .figure.richFolder span.icon
{
	line-height:58px;
	font-size:29px;
}
 #main .contents .article .figure.richFolder span.num
{
	height:50%;
	bottom: 6px;
}
.contents .article .figure.richFolder .smallIcon
{
	width:45%;
	height:45%;
	box-sizing:border-box;
	padding:1px;
	text-align:center;
	position:absolute;
	line-height:26px;
}
.contents .article .figure.richFolder .smallIcon img
{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}
.contents .article .figure.richFolder .smallIcon:first-of-type {top:5%;left:5%;}
.contents .article .figure.richFolder .smallIcon:nth-of-type(2) {top:5%;right:5%;}
.contents .article .figure.richFolder .smallIcon:nth-of-type(3) {bottom:5%;left:5%;}
.contents .article .figure.richFolder .smallIcon:last-of-type {bottom:5%;top:auto;right:5%;}

.dropBox
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background-color:#326F91E6;
	padding:8px;
	display:none;
}
.dragOver .dropBox
{
	display:block;
}
.dropBox span
{
	display:block;
	width:100%;
	height:100%;
	border:2px dashed #FFFFFF;
	color:#FFFFFF;
	font-size:1.3em;
	text-align:center;
	padding:25px 10px;
	box-sizing:border-box;
}
 #desktopUploader
{
	background-color:#326F91E6;
	padding:8px;
	box-sizing:border-box;
}
 #desktopUploader.forbidden {
	background-color:#CD1D1DE6;
}
 #desktopUploader>span
{
	display:block;
	width:100%;
	height:100%;
	border:2px dashed #FFFFFF;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
}
 #desktopUploader>span:nth-child(2) {display:none;}
 #desktopUploader.forbidden>span:nth-child(1) {display:none;}
 #desktopUploader.forbidden>span:nth-child(2) {display:block;}
 #desktopUploader.big>span
{
	font-size:32px;
}
 #desktopUploader.small
{
	padding:2px;
}
 #desktopUploader.small>span
{
	border-width:1px;
	font-size:12px;
}
/* -------------- Menu K2 -------------- */
 #menu_k2 {
	position:relative;
}

 #menu_k2_nav {
	padding:0;
	width:100%;
	position:relative;
	height:48px;
	line-height:48px;
	border-bottom:1px solid #E7E6E6;
	background-color:#D9B5B0;
	text-align:center;
}
 #menu_k2_nav>span {
	display:none;
	vertical-align:middle;
	width:calc(100%);
	padding:0 48px;
	box-sizing:border-box;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
}
 #menu_k2_nav>span.active {
	display:inline-block;
}
 #menu_k2_nav a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:48px;
	width:48px;
	color:inherit;
}
 #menu_k2_nav a:hover {
	background-color:#6A7186;
	color:#FFFFFF;
}
 #menu_k2_nav a+a {
	left:auto;
	right:0;
}
 #menu_k2_nav a>.kent-ico {
	font-size:1em;
	height:1em;
	width:1em;
	line-height:1em;
	color:inherit;
}
 #menu_k2_nav a.inactive, #menu_k2_nav a.inactive:hover {
	display:none;
}
 #menu_k2 .menuWrapper
{
	position:relative;
	padding-bottom:30px;
}
 #menu_k2 .menuWrapper>.loader {
	padding-top:30px;
	color:#D9B5B0;
}
 #menu_k2 .menuWrapper>.loader>span {
	color:#cc0000;
	padding:0;
	display:block;
	margin-top:20px;
}
 #menu_k2 .section
{
	width:100%;
	box-sizing:border-box;
	padding-top:5px;
}

 #menu_k2 h2
{
	font-size:1.2em;
	text-align:center;
	background-color:#8B2111;
	color:#FFFFFF;
}
 #menu_k2 h2:not(:first-child)
{
	margin-top:0.4em;
}
 #main #menu_k2 .menu_new
{
	display:inline-block;
	min-width : 10px;
	height : 9px;
	line-height : 9px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color : #B7CF4B ;
	text-align : center;
	color : #FFFFFF;
	font-size : 9px;
	padding : 2px 5px;
	font-weight : normal;
	vertical-align:middle;
}
 #menu_k2 .kent-ico.settings {
	color:#A6A6A6;
}
 #menu_k2 form
{
	padding:10px;
}
 #menu_k2 .section p
{
	width:100%;
}
 #menu_k2 form .more
{
	text-align:right;
}
 #menu_k2 form h5
{
	margin-top:10px;
}
 #menu_k2 .conditions
{
	border-top:none;
	margin-top:15px;
	padding-top:15px;
}
 #menu_k2 .conditions input.submit
{
	padding:3px 5px;
}
 #menu_k2_3 li>a>span
{
	padding:6px;
	line-height:1.5em;
	margin-bottom:4px;
	text-align:left;
}
 #menu_k2_3 li .kent-ico
{
	color:inherit;
	font-size:1.2em;
	display:inline-block;
	vertical-align:middle;
	width:1.3em;
	text-align:left;
}
 #menu_k2_3 li .details
{
	padding-left:1.56em;
	display:block;
	color:#A6A6A6;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}

/* ============ KentApps ========= */
 #kentApps
{
	--kentAppCount:3;
	display:flex;
	justify-content:flex-start;
	gap:18px;
	flex-wrap:wrap;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
	#kentApps {
		justify-content:space-between;
	}
}
 #kentApps>.header h1
{
	margin-bottom:12px;
}
 #kentApps>.footer
{
	margin:0;
	border:0;
	text-align:right;
	font-size:0.8em;
}
 #kentApps .kentApp
{
	--kentAppColor:#8B2111;
	display:block;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:calc(100% / 3 - (9px * (3 - 1)));
	min-width:280px;
	height:310px;
	text-align:left;
	border:1px solid #8B2111;
	border-color:#8B2111;
	border-color:var(--kentAppColor);
	position:relative;
	box-sizing:border-box;
	margin:0 0 15px;
	background-color:#FFFFFF;
	box-shadow:0 0 6px rgba(0,0,0,.2);
	border-radius:0px;

}
 #kentApps .kentApp.style-casual-wear
{
	background-color:#ECEEF1;
	border-color:#E0DCDC;
}
 #kentApps .kentApp.style-dark-console
{
	background-color:#383838;
	border-color:#000000;
	color:#CDCDCD;
	--kentAppColor:#B3D741;
}
 #kentApps .kentApp.style-summer-sky
{
	border-color:#BEE1F3;
	color:#002c5a;
	background-color:#e2f0ff;
	background: linear-gradient(to bottom, #e2f0ff 0%,#95d1e5 100%); 
	--kentAppColor:#165ACB;
}
	border:none;
}
 #kentApps .kentApp.style-las-vegas::before {
	content:'';
	display:block;
	height:13px;
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
 #kentApps .kentApp.style-dark-console a
{
	color:#B3D741;
}
 #kentApps .kentApp.style-summer-sky a
{
	color:#165ACB;
}
 #kentApps .kentApp.style-las-vegas {
	border:none;
}
 #kentApps .kentApp.style-las-vegas::before {
	content:'';
	display:block;
	height:13px;
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
 #kentApps .kentApp.style-dark-console a {
	color:var(--kentAppColor);
}
 #kentApps .kentApp.style-summer-sky a {
	color:var(--kentAppColor);
}
 #kentApps .kentApp h3
{
	line-height:40px;
	height:40px;
	font-size:20px;
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	color:#FFFFFF;
	padding:0 48px 0 8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
	margin:0;
}
 #kentApps .kentApp .kentAppTiles h3
{
	padding-right:40px;
}
 #kentApps .kentApp.style-casual-wear h3
{
	background-color:transparent;
	color:#8B2111;
	color:var(--kentAppColor);
}
 #kentApps .kentApp.style-dark-console h3
{
	background-color:#000000;
	color:var(--kentAppColor);
}
 #kentApps .kentApp.style-summer-sky h3
{
	background-color:transparent;
	color:var(--kentAppColor);
}
 #kentApps .kentApp.style-las-vegas h3 {
	background-color:transparent;
	color:#595959;
	font-weight:bold;
	height:55px;
	line-height:55px;
}
 #kentApps .kentApp ul
{
	padding:0 8px 8px;
	margin:0;
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
}
 #kentApps .kentApp.style-las-vegas ul {
	top:68px;
}
 #kentApps .kentApp li
{
	list-style-type:none;
}

 #kentApps .kentApp li.empty
{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	font-style:italic;
}
 #kentApps .kentApp p
{
	margin:0;
}
 #kentApps .kentApp .settingsOpener
{
	padding:0;
	height:1em;
	line-height:1em;
	width:1em;
	display:block;
	font-size:14px;
	margin:0;
	border:none;
	position:absolute;
	bottom:4px;
	left:8px;
	color:#D8D8D8;
}
 #kentApps.guestMode .settingsOpener, #kentApps .noSettings .settingsOpener
{
	display:none;
}
 #kentApps .kentApp h3 .settingsOpener
{
	top:0;
	right:0;
	left:auto;
	bottom:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:inherit;
	background-color:inherit;
}
 #kentApps .kentApp.style-las-vegas h3 .settingsOpener {
	top:13px;
	height:55px;
	line-height:55px;
}
 #kentApps .kentApp .settingsOpener:hover
{
	text-decoration:none;
	color:#A6A6A6;
}
 #kentApps .kentApp .settingsOpener:before
{
	content:'D';
	font-family:kentika-std;
}
.loading #kentApps .kentApp .settingsOpener
{
	visibility:hidden;
}
 #kentApps li .title
{
	color:#8B2111;
	color:var(--kentAppColor);
	font-weight:bold;
}
 #kentApps li .title:hover {
	text-decoration:none;
	color:#CD2E28;
}
 #kentApps .style-dark-console li .title {color:var(--kentAppColor);}
 #kentApps .style-summer-sky li .title {color:var(--kentAppColor);}
 #kentApps .style-las-vegas li .title {color:#6A7186;}
 
 #kentApps li .details
{
	font-size:0.9em;
	color:#A6A6A6;
}
 #kentApps .kentAppList ul
{
	margin-bottom:20px;
	overflow:auto;
}
 #main #kentApps .kentAppList li
{
	height:33%;
	overflow:hidden;
	padding-top:14px;
	margin:0;
	box-sizing:border-box;
	position:relative;
	display:flex;
	align-items:stretch;
}
 #kentApps .kentAppList li a.figure
{
	display:block;
	width:20%;
}
 #kentApps .kentAppList li a.figure span
{
	display:none;
}
 #kentApps .kentAppList li a:last-child {
	display:flex;
	flex-direction:column;
	height:100%;
	width:80%;
	justify-content:center;
}
{
	text-decoration:none;
	display:block;
}
 #kentApps .kentAppList li p
{
	padding-left:15px;
}
 #kentApps .style-las-vegas .kentAppList li p {
	line-height:1.3;
}
 #kentApps .kentAppList li .details
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:0 0 auto;
}
 #kentApps .kentAppList li .title
{
	overflow:hidden;
}
 #kentApps [class^=kentApp] .footer
{
	padding:0;
	height:14px;
	line-height:14px;
	font-size:0.8em;
	margin:0;
	border:none;
	position:absolute;
	bottom:4px;
	right:0;
	padding-right:8px;
	padding-left: 22px;
	text-align:right;
}

 #kentApps .kentAppTiles>ul
{
	line-height:0;
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom:0;
	padding-top:8px;
}
 #kentApps .kentAppTiles>ul li
{
	width:50%;
	height:33.3%;
	display:inline-block;
	margin:0;
	box-sizing:border-box;
	overflow:hidden;
}
 #kentApps .kentAppTiles.kentAppTilesRows2>ul li{height:50%;}
 #kentApps .kentAppTiles.kentAppTilesRows3>ul li {height:33.333%;}
 #kentApps .kentAppTiles.kentAppTilesRows4>ul li {height:25%;}
 #kentApps .kentAppTiles.kentAppTilesCols2>ul li {width:50%;}
 #kentApps .kentAppTiles.kentAppTilesCols3>ul li {width:33.333%;}
 #kentApps .kentAppTiles.kentAppTilesCols4>ul li {width:25%;}
 
 #kentApps .kentAppTiles>ul li a
{
	background-size:cover;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display:block;
	transition:all .3s;
}
 #kentApps .kentAppTiles>ul li a:hover {
	transform:scale(1.1);
}
 #kentApps .kentAppTiles.kentAppTilesContain>ul li a {
	background-size:contain;
}
 #kentApps .kentAppCKE>ul:first-child
{
	top:0;
	bottom:20px;
}
 #kentApps .kentAppCKE>ul>li
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	overflow:hidden;
}
 #kentApps .style-las-vegas .kentAppCKE>ul>li {top:13px;}
 #kentApps .kentApp.style-las-vegas .kentAppCKE h3 .settingsOpener {top:0;}
 #kentApps .kentAppCKE>ul>li>div
{
	overflow-y:auto;
	overflow-x:hidden;
	padding:5px;
	height:250px;
	box-sizing:border-box;
}
 #kentApps .kentAppCKE>ul>li
{
	display:none;
}
 #kentApps .kentAppCKE>ul>li.active
{
	display:block;
}
 #kentApps .kentAppCKE td {
	border:none;
}
 #kentApps .kentAppCKE .footer
{
	padding:0;
	height:20px;
	line-height:20px;
	font-size:16px;
	margin:0;
	border:none;
	position:absolute;
	bottom:0;
	right:0;
	padding-right:8px;
	padding-left: 22px;
	text-align:right;
}
 #kentApps .kentAppCompact ul, #kentApps .kentAppMyFolders ul
{
	margin-top:10px;
	overflow-y:auto;
	bottom:18px;
}
 #kentApps .kentAppCompact li:not(:first-child)
{
	border-top:1px solid #BFBFBF;
	padding-top:5px;
}
  #kentApps .style-dark-console .kentAppCompact li:not(:first-child)
{
	border-top-color:#615A54;
}
 #kentApps .kentAppWfDash
{
	overflow:hidden;
	max-height:100%;
}
 #kentApps .kentAppWfDash h3
{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
 #kentApps .kentAppWfDash h3 .kent-ico
{
	flex:0 0 40px;
	text-align:center;
}
 #kentApps .kentAppWfDash .kaWorkflows {
	columns:2;
	column-gap:8px;
	padding:8px;
}
 #kentApps .kentAppWfDash .kaActions {
	display:grid;
	grid-template-columns:4fr 5fr;
	gap:8px;
	padding:8px;
}
 #kentApps .kentApp.style-las-vegas .kentAppWfDash .contents {
	top:68px;
}
 #kentApps .kentAppWfDash:not(.showActions)>h3>span:nth-child(2) {
	display:none;
}
 #kentApps .kentAppWfDash.showActions>h3>span:nth-child(1) {
	display:none;
}

 #kentApps .kentAppWfDash .contents>div{
	break-inside:avoid;
}
 #kentApps .kentAppWfDash .kaWorkflows>div,#kentApps .kentAppWfDash .kaActions>div>div{	
	background-color:rgba(10,11,10,.1);
	color:inherit;
	border-radius:8px;
	padding:8px 12px;
	margin-bottom:8px;
}
 #kentApps .kentAppWfDash:not(.showActions) .contents:nth-child(2) {
	display:none;
}
 #kentApps .kentAppWfDash.showActions .contents:nth-child(1) {
	display:none;
}
 #kentApps .kentAppWfDash .contents div.late{
	background-color:#FEC30419;
}
 #kentApps .kentAppWfDash .contents div.done{
	background-color:#B9CE1D19;
}
 #kentApps .kentAppWfDash .contents p>a,#kentApps .kentAppWfDash .contents li>a,#kentApps .kentAppWfDash .kaActions>div:nth-child(2) p {
	display:flex;
	gap:8px;
	align-items:center;
}
 #kentApps .kentAppWfDash .contents p>a>span,#kentApps .kentAppWfDash .contents li>a>span {
	flex:0 0 auto;
}
 #kentApps .kentAppWfDash .contents p>a>span:nth-child(2),#kentApps .kentAppWfDash .contents li>a>span:nth-child(2) {
	flex:0 1 100%;
}
 #kentApps .kentAppWfDash .kaWorkflows p>a>span,#kentApps .kentAppWfDash .kaActions>div:nth-child(2) p span {
	 font-weight:bold;
	 font-size:1.25em;
}
 #kentApps .kentAppWfDash .contents p {
	 padding:4px 0;
}
 #kentApps .kentAppWfDash .contents .kent-ico {
	 color:inherit;
	 font-size:1.25em;
}
 #kentApps .kentAppWfDash .contents .kent-ico-calendar-day.soon {
	 --color:#e00000;
}
 #kentApps .kentAppWfDash .contents ul{
	 position:static;
	 padding:0;
}
 #kentApps .kentAppWfDash .kaWorkflows  li{
	 padding:4px 0 4px 32px;
}
 #kentApps .kentAppWfDash .kaActions>div:first-child li{
	 padding:4px 0 4px 8px;
}
 #kentApps .kentAppWfDash .kaActions>div:nth-child(2) li{
	 padding:4px 0;
}
 #kentApps .kentAppWfDash .contents li>a:last-child{
	 font-weight:bold;
}

 #kentApps .kentAppCarouselImg .next, #kentApps .kentAppCarouselImg .prev
{
	position:absolute;
	top:calc(50% - 15px);
	left:0;
	height:30px;
	width:30px;
	font-size:30px;
	line-height:30px;
}
 #kentApps .kentAppCarouselImg .next
{
	left:auto;
	right:0;
}
 #kentApps .kentAppCarouselImg>ul, #kentApps .kentAppCarouselRec>ul
{
	overflow:hidden;
	padding-bottom:20px;
	box-sizing:border-box;
}
 #kentApps .kentAppCarouselImg>ul li, #kentApps .kentAppCarouselRec>ul li
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 20px);
	margin:0;
}
 #kentApps .kentAppCarouselImg>ul li:not(:first-of-type), #kentApps .kentAppCarouselRec>ul li:not(:first-of-type)
{
	display:none;
}
 #kentApps .kentAppCarouselImg>ul .figure
{
	display:block;
	height:80%;
	width:80%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	text-align:center;
	margin:10% 10%;
}
 #kentApps .kentAppCarouselImg>ul .figure.no-resize
{
	background-size:auto;
}
 #kentApps .kentAppCarouselImg>ul .figure .icon
{
	font-size:80px;
	height:80px;
	line-height:80px;
	position:absolute;
	top:calc(50% - 40px);
	left:calc(50% - 40px);
}
 #kentApps .kentAppCarouselImg>ul .title
{
	max-height:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	transition:max-height 0.3s, padding 0.3s;
	padding:0 20px;
	display:block;
	font-size:1.3em;
	color:#fff;
	line-height:1.5;
	font-weight:normal;
	box-sizing:border-box;
	width:100%;
}
 #kentApps .kentAppCarouselImg>ul li:hover .title
{
	max-height:100%;
	padding:5px 20px;
}
 #kentApps .kentAppCarouselRec>ul li
{
	padding-top:10px;
	padding-bottom:2em;
	overflow:auto;
	box-sizing:border-box;
	line-height:1.5em;
}
 #kentApps .kentAppCarouselRec>ul li>div
{
	width:100%;
}
 #kentApps .kentAppCarouselRec .figure
{
	max-width:calc(40% - 20px);
	max-height:50%;
	margin:0 10px 10px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
 #kentApps .kentAppCarouselRec .figure img
{
	max-width:100%;
	max-height:100%;
	vertical-align:top;
}
 #kentApps .kentAppCarouselRec .record
{
	display:inline-block;
	vertical-align:top;
	width:60%;
}
 #kentApps .kentAppCarouselRec .title
{
	font-size:1.2em;
	margin:0 10px .5em 10px;
	display:block;
}
 #kentApps .kentAppCarouselRec p
{
	margin-bottom:0.3em;
}
 #kentApps .kentAppCarouselRec p span
{
	font-weight:bold;
}
 #kentApps .kentAppCarouselRec .comment
{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
 #kentApps .kentAppCarouselRec .more
{
	display:block;
	text-align:right;
	margin-right:10px;
}
 #kentApps .kentAppCarouselRec .index, #kentApps .kentAppDates .index
{
	position:absolute;
	bottom:4px;
	font-size:0.8em;
	left:8px;
	height:14px;
	line-height:14px;
	margin:0;
}
 #kentApps .kentAppCarouselRec .index .kent-ico,  #kentApps .kentAppDates .index .kent-ico
{
	margin-right:3px;
}
 #kentApps .style-dark-console .kentAppCarouselRec .index .kent-ico,#kentApps .style-dark-console .kentAppDates .index .kent-ico {
	color:#000000;
}
 #kentApps .kentAppCarouselRec .index .kent-ico.active,#kentApps .kentAppDates .index .kent-ico.active {
	color:var(--kentAppColor);
}
 #kentApps .style-summer-sky .kentAppCarouselRec .index .kent-ico,#kentApps .style-summer-sky .kentAppDates .index .kent-ico {
	color:#FFFFFF;
}
 #kentApps .style-summer-sky .kentAppCarouselRec .index .kent-ico.active,#kentApps .style-summer-sky .kentAppDates .index .kent-ico.active {
	color:var(--kentAppColor);
}
 #kentApps .kentAppAddFile
{
	height:100%;
}
 #kentApps .kentAppAddFile form
{
	height:calc(100% - 40px);
}
 #kentApps .kentAppAddFile select
{
	margin:10px;
	font-size:2em;
	width:calc(100% - 20px);
	height:1.5em;
	line-height:1.5em;
}
 #kentApps .kentAppAddFile .file
{
	margin:10px;
	width:calc(100% - 20px);
	height:calc(100% - (2em * 1.5) - 40px);
	position:relative;
	border-width:10px;
	border-style:dotted;
	border-radius:20px;
	box-sizing:border-box;
	color:#A6A6A6;
	overflow:hidden;
}
 #kentApps .style-summer-sky .kentAppAddFile .file {color:var(--kentAppColor);}
 #kentApps .style-dark-console .kentAppAddFile .file {color:var(--kentAppColor);}
 #kentApps .style-las-vegas .kentAppAddFile .file {
	height:calc(100% - (2em * 1.5) - 68px);
}
 #kentApps .kentAppAddFile .file label
{
	text-align:center;
	margin-top:20px;
	display:block;
}
 #kentApps .kentAppAddFile .file label .kent-ico
{
	font-size:80px;
	height:1em;
	line-height:1em;
	display:block;
}
 #kentApps .kentAppAddFile .file input
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
 #kentApps .kentAppKPThe ul
{
	padding:2px;
	overflow:auto;
}
 #kentApps .kentAppKPThe>ul>li
{
	position:relative;
	width:33.333%;
	height:33.333%;
	display:inline-block;
	padding:2px;
	box-sizing:border-box;
	margin:0;
	vertical-align:top;
}
 #kentApps .kentAppKPThe>ul>li a
{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	background-size:cover;
	background-position:center center;
	color:inherit;
	text-align:center;
	font-size:.9em;
}
 #kentApps .kentAppKPThe>ul>li a:hover
{
	text-decoration:none;
}
 #kentApps .kentAppKPThe>ul>li a>div
{
	position:absolute;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	top:3px;
	left:3px;
	overflow:hidden;
	display:table;
	table-layout:fixed;
}
 #kentApps .kentAppKPThe>ul>li a label
{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	transition:transform .2s;
	cursor:pointer;
}
 #kentApps .kentAppKPThe>ul>li a>div:first-child label
{
	background-color:rgba(0,0,0,0.5);
}
 #kentApps .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	color:#FFFFFF;
	transform:skew(45deg,45deg);
}
 #kentApps .style-casual-wear .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#ECEEF1;
	color:#8B2111;
	color:var(--kentAppColor);
}
 #kentApps .style-dark-console .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#383838;
	color:var(--kentAppColor);
}
 #kentApps .style-summer-sky .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#e2f0ff;
	color:var(--kentAppColor);
}
 #kentApps .kentAppKPThe>ul>li a:hover>div:first-child label
{
	transform:skew(45deg,45deg);
}
 #kentApps .kentAppKPThe>ul>li a:hover>div:nth-child(2) label
{
	transform:skew(0,0);
}
 #kentApps .kentAppKPPrd>ul
{
	overflow:auto;
	padding:8px 0;
}
 #kentApps .kentAppKPPrd>ul>li
{
	margin:0 0 5px;
}
 #kentApps .kentAppKPPrd>ul>li a
{
	display:block;
	position:relative;
	padding:4px;
	padding-left:60px;
	transition:background-color .3s, color .3s, transform .3s, box-shadow .3s;
}
 #kentApps .kentAppKPPrd>ul>li a:hover
{
	text-decoration:none;
	transform:translate(-3px,-3px);
	box-shadow:3px 3px 3px 0 rgba(0,0,0,0.1);
	background-color:#8B2111;
	background-color:var(--kentAppColor);
	color:#FFFFFF;
}
 #kentApps .style-dark-console .kentAppKPPrd>ul>li a:hover {background-color:#000;}
 #kentApps .style-summer-sky .kentAppKPPrd>ul>li a:hover {background-color:#165ACB;color:#BEE1F3;}
 #kentApps .kentAppKPPrd>ul>li .number
{
	font-size:25px;
	width:50px;
	height:50px;
	line-height:50px;
	position:absolute;
	left:5px;
	top:calc(50% - 25px);
	text-align:left;
}
 #kentApps .kentAppKPPrd>ul>li .name
{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
}
 #kentApps .kentAppKPPrd>ul>li .date
{
	color:#A6A6A6;
}
 #kentApps .kentAppHtmlContent
{
	height:100%;
}
 #kentApps .kentAppHtmlContent>div
{
	height:calc(100% - 40px);
	overflow:auto;
}
 #kentApps .style-las-vegas .kentAppHtmlContent>div:not(.settings) {
	height:calc(100% - 68px);
}
 #kentApps .kentAppHtmlContent iframe
{
	width:100% !important;
}
 #kentApps .kentAppMyFolders li>span:first-child {
	color:#A6A6A6;
}
 #kentApps .kentAppMyFolders li>span:first-child a {
	color:inherit;
}
 #kentApps .kentAppDates>ul {
	padding-bottom:20px;
	box-sizing:border-box;
}
 #kentApps .kentAppDates>ul>li {
	position:absolute;
	width:100%;
	height:calc(100% - 20px);
	padding:0 8px;
	box-sizing:border-box;
}
 #kentApps .kentAppDates>ul>li>a {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	line-height:1.5;
}
 #kentApps .kentAppDates>ul>li>a:hover {
	text-decoration:none;
}
 #kentApps .kentAppDates a img {
	flex:0 0 auto;
	max-height:30%;
	max-width:100%;
	margin-bottom:16px;
}
 #kentApps .kentAppDates a>div {
	padding-left:100px;
	position:relative;
	align-self:stretch;
	min-height:5.25em;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
 #kentApps .kentAppDates a .date {
	position:absolute;
	left:8px;
	width:84px;
	top:calc((100% - 3.5em) / 2);
	height:3.5em;
	font-size:1.5em;
	line-height:1;
	text-align:center;
}
 #kentApps .kentAppDates a .date>span {
	display:block;
}
 #kentApps .kentAppDates a .date>span:first-child {
	font-size:1.5em;
}
 #kentApps .kentAppDates a .date>span:nth-child(2) {
	text-transform:uppercase;
}
 #kentApps .kentAppDates a>div>div {
	max-height:100%;
 }
 #kentApps .kentAppDates a .title {
	font-size:1.25em;
	color:inherit;
}

@keyframes kentAppLoader{
	0% {height:0%}
	100% {height:100%}
}
 #kentApps .kentAppLoading
{
	opacity:.4;
	overflow:hidden;
	height:100%;
	animation-name:kentAppLoader;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	position:relative;
}
 #kentApps .kentAppLoading ul
{
		bottom:auto;
		height:calc(310px - 40px);
}
 #kentApps .kentAppLoading li
{
	height:calc(33.333% - 5px);
	overflow:hidden;
	position:relative;
}
 #kentApps .kentAppLoading span.kent-ico
{
	font-size:3em;
	width:1em;
	height:1em;
	line-height:1em;
	display:block;
	position:absolute;
	top:calc(50% - .5em);
	left:0;
}
 #kentApps .kentAppLoading span.kent-ico+span
{
	width:calc(100% - 3em);
	display:block;
	box-sizing:border-box;
	padding:0 5px 0 15px;
	position:absolute;
	left:3em;
	top:calc(50% - 23px);
}
 #kentApps .kentAppLoading span.kent-ico+span span
{
	height:10px;
	display:block;
	margin-bottom:8px;
	background-color:#A6A6A6;
}
/* ----------- Settings ------------ */
 #kentApps .kentApp .overlay
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	background-color:rgba(0,0,0,0.5);
}
 #kentApps.settingsMode .kentApp.inactive .overlay
{
	display:block;
}
 #kentApps .kentApp .overlay>.reactivate
{
	width:100%;
	margin-top:40%;
	text-align:center;
	display:none;
}
 #kentApps .kentApp.inactive .overlay>.reactivate
{
	display:block;
}
 #kentApps .kentApp .settings
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#404040;
	color:#E0E0E0;
	padding:25px 25px 15px;
	box-sizing:border-box;
	overflow:hidden;
	border:none;
	margin:0;
}
 #kentApps .kentApp .settings a
{
	color:#E0E0E0;
}
 #kentApps .kentApp .settings .settingsOpener
{
	font-size:25px;
	position:absolute;
	top:10px;
	right:10px;
	left:auto;
}
 #kentApps .kentApp .settings .settingsOpener:before
{
	content:'x';
	font-family:kentika2-webfont;
}
 #kentApps .kentApp .settings>.kent-ico
{
	display:block;
	width:100%;
	font-size:30px;
	text-align:center;
	color:#A6A6A6;
}
 #kentApps .kentApp .settings>.kent-ico.warning {
	position:absolute;
	width:auto;
	top:10px;
	left:10px;
	line-height:1;
}
 #kentApps .kentApp .settings .title
{
	font-size:1.5em;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
 #kentApps .kentApp .settings .subtitle
{
	text-align:center;
	color:#A6A6A6;
}
 #kentApps .kentApp .settings .actions
{
	position:static;
	padding:0;
	padding-top:10px;
	margin:0;
	overflow:visible;
}
 #main #kentApps .kentApp .settings .actions li
{
	padding-top:2px;
	margin:0;
	list-style-type:none;
	border:none;
	display:list-item;
}
 #kentApps .kentApp .settings .actions li a
{
	display:block;
	width:100%;
	height:36px;
	line-height:36px;
	padding:0 9px;
	background-color:#595959;
	color:#E0E0E0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
	font-size:1em;
}
 #kentApps .kentApp .settings .actions li a:hover
{
	color:#595959;
	background-color:#E0E0E0;
	text-decoration:none;
}
 #kentApps .kentApp .settings .footer
{
	bottom:0;
	margin:0;
	border:none;
	font-size:inherit;
	position:absolute;
	right:0;
	width:100%;
	height:auto;
	line-height:1em;
}
 #kentApps .kentApp .kentApps_order
{
	width:100%;
	height:36px;
	line-height:36px;
	white-space:nowrap;
	padding:0 25px !important;
	box-sizing:border-box;
	text-align:left;
}
 #kentApps .kentApp .kentApps_order input[type=text]
{
	float:right;
	height:26px;
	margin-top:5px;
	text-align:center;
	width:40px;
	vertical-align:middle;
	margin-left:3px;
}
 #kentApps .kentApp .kentApps_order input[type="submit"]
{
	float:right;
	margin-top:5px;
	vertical-align:middle;
	margin-left:3px;
	height:26px;
	line-height:26px;
	text-align:center;
	width:30px;
	min-width:0;
}
 #kentApps .kentApp .loader
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	line-height:310px;
	background-color:rgba(0,0,0,0.5);	
}
/* ----------- Setup form ----------*/
 #kentApp_settings .subtitle
{
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px solid #BFBFBF;
	text-align:center;
}
 #kentApp_settings .colors input {display:none;}
 #kentApp_settings .colors input+label {
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 5px;
	box-sizing:border-box;
	transform:scale(.8)
}
 #kentApp_settings .colors span>span:first-child label{
	border:1px solid #8B2111;
}
 #kentApp_settings .colors input:checked+label {
	transform:scale(1);
}
 #kentApp_settings .colors input {display:none;}
 #kentApp_settings .colors input+label {
	display:inline-block;
	width:calc(100% - 200px);	vertical-align:top;	height:40px;
	margin:0 5px 5px;	box-sizing:border-box;
}
 #kentApp_settings .colors span>span:first-child label{
	border:1px solid #8B2111;
}
 #kentApp_settings .colors input {display:none;}
 #kentApp_settings .colors input+label {
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 5px 5px;
}
 #kentApp_settings textarea, #kentApp_settings input[type=text], #kentApp_settings input[type=file], #kentApp_settings input[type=password]
{
	/*width: 400px;*/
	box-sizing:border-box;
}
 #kentApp_settings .colors span>span:first-child label{
	border:1px solid #8B2111;
}
 #kentApp_settings .colors input:checked+label {
	transform:scale(1.1);
}
 #kentApp_settings .colors input {display:none;}
 #kentApp_settings .colors input+label {
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 5px 5px;
	box-sizing:border-box;
}
 #kentApp_settings .colors span>span:first-child label{
	border:1px solid #8B2111;
	position:relative;
}
 #kentApp_settings .colors span>span:first-child label::before{
	content:'default';
	font-size:10px;
	transform:rotate(-45deg);
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	height:40px;
	line-height:40px;
	pointer-events:none;
	width:100%;
}
 #kentApp_settings .colors input:checked+label {
	transform:scale(1.1);
}

/* ========== Default Carousel ========== */

 .kentiCarousel
{
	overflow:visible;
	position:relative;
	margin:10px 0px 30px;
}
 .kentiCarousel .arrow
{
	font-size:30px;
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	top:calc(50% - 15px);
	z-index:2;
	cursor:pointer;
	margin:0 !important;
}
 .kentiCarousel.fullWidth .arrow {
	color:rgba(139,33,17,.7); 
}
 .kentiCarousel .prev {left:0px;}
 .kentiCarousel .next {right:0px;}
 /*
 .kentiCarousel .prev {left:12px;}
 .kentiCarousel .next {right:12px;}
*/
 .kentiCarousel ul
{
	width:auto;
	height:100%;
	overflow:hidden;
	margin:0px 30px !important;
	padding:0px;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.kentiCarousel.fullWidth ul {
	margin:0 !important;
}
 .kentiCarousel li
{
	list-style-type:none !important;
	position:absolute !important;
	height:100% !important;
	top:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0px !important;
	margin:0 !important;
	overflow:hidden;
	line-height:inherit !important;
}
 .kentiCarousel li>div
{
	margin:auto;
	vertical-align:middle;
	background-color:#ffffff;
	padding:0px;
	color:#000000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	overflow:hidden;
	height:100%;
}
 .kentiCarousel.Hover li>div
{
	background-color:#555;
}
 .kentiCarousel li a>span
{
	margin:0px;
	padding:0px !important;
	display:table-cell;
	vertical-align:middle;
	line-height:1.3em;
}
 .kentiCarousel li a
{
	padding:0px !important;
	color:#000000 !important;
	height:100%;
	display:table;
	table-layout:fixed;
	width:100%;
}
 .kentiCarousel.noText li a
{
	display:block;
}
.kentiCarousel.Captions li a {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:4px;
}
 .kentiCarousel li .img
{
	vertical-align:middle;
	padding:0px 4px !important;
	height:100%;
	overflow:hidden;
	width:40%;
	box-sizing:border-box;
}
.kentiCarousel.grayscale li .img {
	filter:grayscale(90%) brightness(120%);
}
 .kentiCarousel.noText li span.img, .kentiCarousel.Hover li span.img, .kentiCarousel.fullWidth li span.img
{
	display:block;
	width:100%;
	height:100%;
	padding:0 !important;
}
.kentiCarousel.Captions li span.img {
	flex:0 1 100%;
	min-height:0;
	padding:0 !important;
	width:100%;
}
 .kentiCarousel.Hover li span.img {
	position:absolute;
	top:0;
	left:0;
	transition:top 0.3s, left 0.3s, transform 0.3s;
	transform-origin:0% 0%;
	background-color:#FFFFFF
}
 .kentiCarousel.Hover li:hover span.img
{
	transform:rotateX(90deg);
	left:0;
}
 .kentiCarousel.Hover li span.img, .kentiCarousel.fullWidth li span.img
{
	position:absolute;
	top:0;
	left:0;
}
 .kentiCarousel li .img img
{
	height:100%;
	width:100%;
	object-fit:scale-down;
}
 .kentiCarousel li .img .kent-ico
{
	height:100%;
	vertical-align:middle;
	color:#D8D8D8;
}
 .kentiCarousel li .img .kent-ico svg
{
	width:100%;
	height:100%;
	object-fit:contain;
}
 .kentiCarousel.Hover li .img img, .kentiCarousel.fullWidth li .img img,.kentiCarousel li .img img.cover
{
	object-fit:cover;
}
 .kentiCarousel li .title
{
	padding:0px !important;
	line-height:1.2em;
}
 .kentiCarousel.noText li .title
{
	display:none;
}
 .kentiCarousel.Captions li .title
{
	display:block;
	width:100%;
	box-sizing:border-box;
	line-height:1.5;
	flex:0 0 4.5em;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
 .kentiCarousel.Captions li .title>span
{
	min-height:0;
}
 .kentiCarousel.Hover li .title
{
	display:inline-block;
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:1.1em;
	gap:4px;
}
 .kentiCarousel.fullWidth li .title
{
	position:absolute;
	left:40px;
	top:calc(50% - 15px);
	height:calc(50% - 5px);
	font-size:1.2em;
	line-height:1.2em;
	text-align:left;
	width:70%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
 .kentiCarousel.fullWidth li .title>span:not(.text)
{
	color:#FFFFFF;
	background-color:rgba(139,33,17,.7);
	font-size:1.25em;
	height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:5px;
	flex:0 0 auto;
}
 .kentiCarousel li .text, .kentiCarousel li .date
{
	display:none;
}
 .kentiCarousel.fullWidth li span.text
{
	display:block;
	line-height:1.5;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	min-height:0;
	padding:5px;
	flex:1 0 0;
	width:100%;
	font-weight:normal;
}
.kentiCarousel.Captions li span.date {
	display:block;
	font-size:.75em;
}
.kentiCarousel .seeAll {
	text-align:center;
	text-transform:uppercase;
	margin-top:24px;
	font-size:.75em;
}

/* ===== drag/Drop ===== */
.recordDragger
{
	line-height:3em;
	width:400px;
	white-space:nowrap;
	background-color:#FFFFFF;
	box-shadow:0 0 5px 0 rgba(0,0,0,.2);
	padding:5px 10px;
	border-radius:4px;
	opacity:.6;
}
.recordDragger .figure
{
	width:3em;
	height:3em;
	border:0;
	margin:0;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.recordDragger .title
{
	font-size:1.2em;
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 3em);
	padding-left:.5em;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:bold;
}
.recordDropTarget
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FEFBDF;
	padding:4px;
}
.recordDropTarget::after
{
	content:' ';
	border:1px  dashed #E5D657;
	border-radius:7px;
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.recordDropTarget.forbidden {
	background-color:#CD1D1DE6;
}
 #infoDemo .kent-ico{
	margin-right:.4em;
	display:inline-block;
	animation:pulse 6s infinite;
}
/* empty on purpose */
/* empty on purpose */
/* empty on purpose */
/* empty on purpose */
/* empty on purpose */