/* ---------------- 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 : #FFFFFF;

	background-image : none;

	
}

body {
	

	background-color : transparent;
	background-repeat : repeat-x;
}
body #wrapper
{
	position:relative;
	z-index:1;
}
body>.main-tabs
{
	position:relative;
}

.wrapper {
	width : 1200px;

	margin : 0 auto;
	

}
@media screen and (max-width:800px)and (max-width:0px) {
.wrapper {
	width:800px;
}
}

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

.wrapper.shadow {

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

/* ------------------------------------
	Barre de fonctions
---------------------------------------- */
 #main-top-bar {
	min-height : 30px;
	background-color : #FFFFFF;	
	color : #333747;
	position:relative;
	
	z-index:9;
	font-size : 1em;
	box-sizing:border-box;
	padding:0 15px;
	display:flex;
	justify-content:space-between;
}
 #main-top-bar>ul {
	margin:0;
}
 #main-top-bar>ul>li {
	display:inline-block;
	max-height:30px;
	line-height:30px;
	position:relative;
	vertical-align:top;
}
 #main-top-bar>ul>li>a {
	color:inherit;
	height : 30px;
	line-height : 30px;
	display:block;
	text-align:center;
}
 #main-top-bar>ul>li:hover>a {
	color:#66B5FF;
	text-decoration:none;
}
 #main-top-bar>ul>li>a.kent-ico, #main-top-bar .avatar {
	font-size:calc(.6 * 30px);
	width:30px;
}
 #main-top-bar .topbarMenu {
	position:absolute;
	top:30px;
	left:calc(30px * -.7);
	line-height:1.5;	
	color : #333747;
	font-size:13px;
	width : 300px;
	background-color : #F4F4F4;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	margin-top:-3px;
	border-radius:3px;
	padding:6px 0 12px;
	font-family:Arial;
	font-weight:500;
}
 #main-top-bar ul:nth-child(2) .topbarMenu {
	left:auto;
	right:calc(30px * -.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 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:#CC0044;
	color:#FFFFFF;
}
 #main-top-bar .topbarMenu hr {
	height:0;
	border-bottom : 1px solid #333747;
	margin:5px 0;
}
/* -------- Specifics topBar ------- */
 #main-top-bar .lang img {
	max-width:calc(.6 * 30px);
	max-height:calc(.6 * 30px);
	vertical-align:middle;
}
 #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 form>div:first-child {
	position:absolute;
	top:0;
	right:0;
	width:0;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#0066CC;
	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 : 30px;
	width : 30px;
	line-height : 30px;
	text-align:center;
	font-size:calc(.6 * 30px);
	vertical-align:top;
}
 #topSearch button {
	margin-left:calc(120px - 30px);
	border:none;
}
 #topSearch .kent-ico:hover {
	color:#CA2E2E;
}
 #topSearch input[type="text"] {
	background-color:transparent;
	color:inherit;
	font-size:inherit;
	border:none;
	width:calc(100% - 120px - 120px);
	height : 30px;
	line-height : 30px;
	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:30px;
	right:120px;
	width:calc(100% - 120px - 120px);
	margin-top:-3px;
	max-height:calc(100vh - 30px);
	line-height:2em;	
	color : #333747;
	font-size:13px;
	background-color : #F4F4F4;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding:15px;
	font-family:Arial;
	font-weight:500;
	z-index:2;
	overflow:hidden;
	transition-property:top;
	transition-duration:.3s;
}
 #topSearch:not(.opened) .search-menu {
	top:calc(-100vh + 30px);
}
 .search-menu ul {
	margin:0 0 0 2em;
}
.search-menu a:hover, {
	text-decoration:none;
	color:#0066CC;
}
.search-menu input[type="checkbox"], .search-menu input[type="radio"] {
	margin-right:1em;
	vertical-align:middle;
}
.search-menu label {
	font-weight:inherit;
}
/* ===== Formulaire recherche ===== */
 .quickSearch {
	display : block;
	margin : 0 auto;
	position : relative;
}
 .quickSearch>p.sfield
{
	background-color:#FFFFFF;
	border:1px solid #0066CC;
	height:26px;
	border-radius:13px;
	line-height:26px;
	margin:0px !important;
	position:relative;
}
 .quickSearch input.submit
{
	margin:0px !important;
	position:absolute;
	top:10%;
	right:.5em;
	border : 0 none;
	cursor:pointer;
	background-repeat : no-repeat;
	background-position : center center;
	width : 2em;
	font-size:1em;
	text-align:center !important;
	height : 80%;
	background-color : transparent;
	color:#0066CC !important;
}

 .quickSearch input.input{
	border : 0 none;
	margin : 0 auto;
	margin-left:10px;
	font-size: 1.1em;
	width : 90%;
	padding-right:2em;
	outline : 0 none;
	background-color:transparent;
	color:#0066CC;
}
.quickSearch input.input::placeholder{
	color:inherit;
}

 .kent-divider
{
	font-family:KentikaDividers;
	font-size:20px;
	color:#CFCFCF;
	opacity:0;
	filter:Alpha(opacity=0);
	margin:26px auto;
	display:block;
	width:100%;
	text-align:center;
}
.kent-divider>span
{
	display:none;
}
.kent-divider:after
{
	content:"1";
}
input[type=button]+input[type=submit]
{
	float:right;
}
.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6 {
	color : #333747;
}
 #main .central div.contents {
	padding:0px 2px 30px;
	padding-left:0;
}

 #main .central td div.contents .contents {
	font-size : 1.1em;
}

.contents form {
	padding : 0;
	margin : 0;
}

.contents label {
	font-weight: normal;
}

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

 #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 : 1px;
	padding-right : 1px;
}

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

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

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

.main-tabs a {
	display : block;
	float : left;
	color : #FFFFFF;
	height : 25px;
	line-height : 25px;
	padding-left : 20px;
	padding-right : 20px;
	
	background-color: #0066CC;
	
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	margin-top:5px;
	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:5px;
}
 .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: #0066CC;	
	color : #FFFFFF; /*  VarK Tabs_hover_text_color */
	margin-top:0px;
	height:30px;
}
.main-tabs.above {
	display : none;
}

/* -----------------------------
   Bandeau image entête
-------------------------------- */
 #head-image {
	display : block;
	height : 307px;
	background-image : url('/icon/BAD/Ressource_BAD_200230.jpg');
	background-repeat : no-repeat;
	background-position : center center;
	background-color:transparent;
	background-size:cover;
	position:relative;
}

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

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

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

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

 #head-image .shadow.top{
	background-position : center top;
	background-image : none;
	opacity:0;
	display:none;
	filter:Alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	background-color:transparent;
}

 #head-image .shadow.bottom{
	background-position : center bottom;
	background-image : none;
}
 #head-image .contents
{
	position:absolute;
	top:0px;
	left:0px;
	height : 307px;
	width:100%;
}

 #head-image h1{
	position:absolute;
	left : 0px;
	bottom : 0px;
	width:auto;
	color : #FFFFFF;
	font-weight : 200;
	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:307px;
}
 #head-image #head-logo img
{
	vertical-align:middle;
	margin:0px 5px;
	max-height:90%;
	max-width:90%;
}

/* -------------------------------------------------------------- 
   Barre Menu haut
-------------------------------------------------------------- */
 #main-menu {
	font-size : 1em;
	color : #FFFFFF;
	
	background-color: #0066CC;

	height : 45px;
	line-height : 45px;
	padding-top: 0;
	
	/* {if VarK Tabs_position == below} border-top-left-radius : 0;	border-top-right-radius : 0; {/if} */
	
	
	
	position : relative;
	display:table;
	width:100%;
}
 #main-menu>div
{
	display:table-cell;
	vertical-align:top;
}
 #main-menu>div:first-of-type
{
		
}
#main-menu>div+div {width:13.38em;}

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

 #main-menu .menuTop>li{

	display : table-cell;
	list-style : none;
	vertical-align:top;
}
 #main-menu .menuTop>li.home
{
	
	width : calc(1.4em + 2 * 10px);
	text-align:center;
}
 #main-menu .menuTop>li.home .kent-ico
{
	font-size:1.4em;
	
}
 #main-menu .menuTop>li.home span:not(.kent-ico)
{
	display:none;
	vertical-align:middle;
	line-height:1.4em;
}
 #main-menu .menuTop>li.home+li.spacer
 {
	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-left : 10px;
	padding-right : 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color : #FFFFFF;
	height :  45px;
	line-height : 45px;
	text-decoration : none;
	overflow:hidden;
	position:relative;
}
 #main-menu .menuTop>li>a>span
{
	display:inline-block;
	vertical-align:middle;
	line-height:1.4em;
	font-family:Raleway;
	font-weight:bold;
}

 #main-menu .menuTop>li.first>a{
	/* {if VarK Tabs_position == "below} border-top-left-radius : 0; /* VarK Page_top_radius {/if} */
	
}

 #main-menu .menuTop>li:hover>a{
	background-color : #0066CC;
	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:#0066CC transparent transparent transparent;
	z-index:201;
	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 : 45px;
	float : right;
	padding-right:20px;
}



 #main-menu .caddie>a{
	width : auto;
	display : block;
	color : #FFFFFF;
	font-size : 0.9em;
	height : 45px;
	line-height : 45px;
	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 .popup li
{
	position:relative;
}
 #main-menu .caddie .popup .actions
{
	/*float:right !important;*/
	position:absolute;
	right:0px;
	top:3px;
	background-color:#FFFFFF;
}
 #main-menu .caddie .popup li a.kent-ico
{
	padding:0px;
}

 .super-menu {
	display:none;
	position:absolute;
	z-index:2;
	width:100vw;
	max-width:calc(4 * 187px + 3 * 15px);
	color : #FFFFFF;
	font-size : 1em;
	background-color: #0B1B2D;
	margin-top:-3px;
	line-height:2em;
	text-align:left;
	flex-flow:row wrap;
	padding:15px;
	font-weight:0;
	box-shadow:2px 5px 5px 0 rgba(0,0,0,.3);
	box-sizing:content-box;
	border:0 solid #0B1B2D;
}
 .hover .super-menu {
	display:flex;
}
.super-menu>div {
	width:187px;
	box-sizing:border-box;
	border-right:1px solid#66B5FF;
	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:Arial;
	font-weight:bold;
	color : #FFFFFF;
	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:#0066CC;
}

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

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.69) 0%, rgba(0,0,0,0.26) 67%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.69)), color-stop(67%,rgba(0,0,0,0.26)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.69) 0%,rgba(0,0,0,0.26) 67%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.69) 0%,rgba(0,0,0,0.26) 67%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.69) 0%,rgba(0,0,0,0.26) 67%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	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 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
	height:0px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
}

 #contentsWrapper{
	width : 1200px;
	margin : 0;
	padding : 0;
	position:relative;
	display:table;
	table-layout:fixed;
}
@media screen and (min-width:1200px)and (max-width:0px) {
 #main {
	width:1200px;
	margin:auto;
}
}

 #leftCol, #mainCol, #rightCol{
	padding : 0;
	padding-top:10px;
	margin : 0;
	border : 0 none;
	vertical-align: top;
	display:inline-block;
	background-repeat : no-repeat;
	display:table-cell;
	position:relative;
	z-index:1;
}
 #leftCol:hover, #mainCol:hover, #rightCol:hover{
	z-index:2;
}

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

 #leftCol{
	background-image :url(/kent-img/div_col_droite.png);
	background-position : right top;
	width : 120px;
	background-color:transparent;
	color:#445878;
	position:relative;
}
 #leftCol .kent-divider, #leftCol span, #leftCol ul, #leftCol div
{
	
}
 #leftCol h3
{
	color : #333747;
	margin-top : 0;
	padding : 0px 5px;
	margin-bottom : 5px;
	font-size : 2em; /* Col_right_title_font_size */
	text-align:right;
}

/* ---------- Colonne droite ----------- */

 #rightCol{
	background-image :url(/kent-img/div_col_gauche.png);
	background-position : left top;
	width : 120px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:transparent;
	color:#445878;
}
 #rightCol .kent-divider, #rightCol span, #rightCol ul, #rightCol div
{
	
}
 #rightCol h3{
	color : #333747;
	margin-top : 0;
	padding : 0px 5px;
	margin-bottom : 5px;
	font-size : 2em; /* Col_right_title_font_size */
}
 .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;
}
.categories p
{
	margin:0;
	line-height:1.8em !important;
}
.categories input
{
	vertical-align:middle;
}
.categories .more
{
	text-align:right;
	
}

/* ---------- Colonne Principale ----------- */
 #mainCol{
	color : #445878;
	background-color:transparent;
	padding-left:25px;
	padding-top : 10px;
}

/* ------------- Pied de page --------------- */
 #footer Table{
	margin : 0;
	padding : 0;
	border-collapse : collapse;
	border : 0 none;
	background-position : center top;
	width:100%;
}

 #footer tr{
	margin : 0;
	padding : 0;
}

 #footer td{
	margin : 0;
	padding : 0;
	border-collapse : collapse;
	border : 0 none;
}

 #footer td.third{
	width : 33.33%;
}

 #footer td.twothirds{
	width : 66.66%;
}

 #footer td.quater{
	width : 25%;
}

 #footer td.half{
	width : 50;
}

 #footer h3{
	color : #FFFFFF;
	margin-bottom : 0.2em;
	font-size : 1.8em;
}

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

 #footer a{
	color : #FFFFFF;
}

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

 #footer .contents{
	padding : 2em 2em 1em 2em;
}

/* ------------- Copyright ---------------- */
 #copyright {
	font-size : 0.85em;
	display : block;
	height : 32px;
	line-height : 32px; 
	background-color : #FFFFFF;
	border-bottom-left-radius : 0;
	border-bottom-right-radius : 0;
	text-align : right;
	padding-right : 20px;
	color : #FFFFFF;
	text-align : right;
	position:relative;
}
 #copyright>.shadow
{

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.01) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(85%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	height:$$varKent_Foot_copyright_shadow_height;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	opacity:0.3;
}
 #copyright .contents
{
	position:relative;
	padding:0px;
}
 #copyright ul{
	display : block;
	padding : 0;
	margin : 0;
	float : right;
}

 #copyright li{
	display : block;
	float : left;
	list-style : none;
	padding-left : 10px;
	padding-right : 10px;
	height : 32px;
	line-height : 32px;
	color:inherit;
	margin:0;
}

 #copyright li.spacer{
	padding-left : 0;
	padding-right : 0;
}

 #copyright a{
	color : #0066CC;
}

 #copyright a.icon{
	height : 27px;
	line-height : 27px;
	background-repeat : no-repeat;
	background-position : left center;
	padding-left : 20px;
	margin-left : 2px;
}

 #copyright a.mobile{
	background-image : url($$varKent_Copyright_mobile_icon);
}

/* ------------------------------------------
	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 : #22363F;
	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 : #22363F;
	background-color:#CFD8DC;

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


	background: -moz-linear-gradient(left,  rgba(207,216,220,1) 0%, rgba(207,216,220,1) 88%, rgba(207,216,220,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(207,216,220,1)), color-stop(88%,rgba(207,216,220,1)), color-stop(100%,rgba(207,216,220,1)));
	background: -webkit-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 88%,rgba(207,216,220,1) 100%); 
	background: -o-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 88%,rgba(207,216,220,1) 100%); 
	background: -ms-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 88%,rgba(207,216,220,1) 100%); 
	background: linear-gradient(to right,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 88%,rgba(207,216,220,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 : #CA2E2E;
	color : #FFFFFF;
	background-image : none;
	text-decoration : none;
}

/* Fleche */
 #leftCol li>a>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:3.58em;
	line-height:3.58em;
	text-align:center;
	font-size:0.6em;
	float:right;
	vertical-align:top;
	content:"K";
	color:#656565;
}
 #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;
}
 #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 a{
	z-index : 150;
}

 #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: #212121;
	
	
	
	
	
	
	

	

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

	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 : #CA2E2E;
}

/* 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;
}

 #left_resize
{
	
	position:absolute;
	width:5px;
	top:0;
	bottom:0;
	left:0;
	text-align:center;
	font-size:25px;
	color:#f2f2f2;
	z-index:3;
	cursor:col-resize;
	margin:0 10px;
}
 #left_resize span:not(.kent-ico)
{
	position:absolute;
	left:2px;
	top:0;
	bottom:0;
	width:1px;
	background-color:#66B5FF;
	display:none;
}
 #left_resize:hover
{
	color:#66B5FF;
}
 #left_resize:hover span
{
	display:block;
}

/* --------- 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 : #414141;
}

 #rightCol li a{
	display : block;
	color : #22363F;
	background-color:#CFD8DC;
	padding-left : 12px;

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

	background: -moz-linear-gradient(left,  rgba(207,216,220,1) 0%, rgba(207,216,220,1) 12%, rgba(207,216,220,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(207,216,220,1)), color-stop(12%,rgba(207,216,220,1)), color-stop(100%,rgba(207,216,220,1))); 
	background: -webkit-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 12%,rgba(207,216,220,1) 100%);
	background: -o-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 12%,rgba(207,216,220,1) 100%); 
	background: -ms-linear-gradient(left,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 12%,rgba(207,216,220,1) 100%); 
	background: linear-gradient(to right,  rgba(207,216,220,1) 0%,rgba(207,216,220,1) 12%,rgba(207,216,220,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 : #CA2E2E;
	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 : #22363F;
}
 #menu_folderView li a
{
	display:block;
	background-color:transparent;
	width:100%;
	position:relative;
}
 #menu_folderView li a:hover .lib
{
	text-decoration:underline;
}
 #menu_folderView li>a>span
{
	display:inline-block;
}
 #menu_folderView a>.caret
{
	vertical-align:middle;
	padding:0;
}
 #menu_folderView a>.caret::after
{
	font-size:.8em;
	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.6em;
	line-height:1em;
	color:#66B5FF;
	margin-right:5px;
	width:1em;
	height:1em;
	line-height:1em;
}
 #menu_folderView .kent-ico.overlay .kent-ico
{
	color:#FFFFFF;
	font-size:0.7em !important;
}
 #menu_k2 #menu_folderView .kent-ico.overlay .kent-ico
{
	color:#F7F7F7;
}
 #menu_folderView .lib
{
	padding:0;
	vertical-align:middle;
	text-overflow:ellipsis;
	overflow:hidden;
	width:calc(100% - .8em - 1.6em - 10px);
}
 #menu_folderView .lib input
{
	width:calc(100% - 2.15em);
}
 #menu_folderView a>.optionsTrigger
{
	display:none;
	position:absolute;
	right:0;
	top:0;
	margin:0;
	transform:rotateZ(90deg);
	height:22px;
	width:22px;
	text-align:center;
	font-size:1em;
	line-height:22px;
	background-color:#FFFFFF;
}
 #menu_k2 #menu_folderView a>.optionsTrigger
{
	background-color:#F7F7F7;
}
 #menu_folderView li>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: #212121;
	
	
	
	
	
	
	
	
	
	
	-moz-box-shadow: 0 0 5px -1px #0B1B2D; -webkit-box-shadow: 0 0 5px -1px #0B1B2D; box-shadow: 0 0 5px -1px #0B1B2D; 
}
 #menu_folderView li .options::before
{
	content:' ';
	width:0;
	height:0;
	border-width: 7px 6px 7px 0;
	border-color:transparent #212121 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 : #CA2E2E;
	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:#212121;
	font-size:0.6em !important;
}
/* -------------- Logo bottom right ------------- */
 #logo_bottom_right
{
	height:50px;
	line-height:50px;
	font-size:50px;
	position:absolute;
	color:#000000;
	bottom:20px;
	right:35px;
	z-index:0;
	zoom:1;
	opacity:0.05;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=500)";
	filter:alpha(opacity=500);
	
	overflow:hidden;
}

 #footer {
	background-color : #0066CC;
	color : #FFFFFF;
	background-image :url(/kent-img/bg-transp/kent-trans-bg-18.png);
	position : relative;
}
 #footer>.shadow
{

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.01) 85%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(85%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	height:3px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.3;
}

 #footer .contents
{
	position:relative;
}

/* ----------- 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:#2A2966;
}
 #main .last .basket-add li a:hover
{
	text-decoration:none;
	color:#CC0044;
}
td.last .basket-add .add a.kent-ico
{
	font-size:18px;
	vertical-align:bottom;
}
td.last .basket-add .add a.kent-ico:hover
{
	color:#66CC33;
}
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:#0066CC;
	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 #0066CC;
	border-right-width:0px;
	border-bottom-width:0px;
	padding-bottom:7px;
}
 #rightCol .list ul:last-child
{
	border-bottom:2px solid #0066CC;
	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:#414141;
}

 #rightCol .list .mini
{
	margin:2px 4px;
	border-bottom: 1px solid #66B5FF;
	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: #66B5FF;
	font-style:italic;
	font-size:0.9em;
	padding-left:23px;
}
/* ---- iframe in right column ---- */
 #FlashSurvey
{
	color:#445878;
}
/* ------- 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;
	margin:0px !important;
}
 #lastPrds .right .nb, #lastPrds .right .img
{
	right:2px;
	left:auto;
}
 #lastPrds .nb
{
	font-size:20px;
	color:#fff;
	background-color:#0066CC;
	background-color:rgba(0,0,0,0.4);
}
 #lastPrds .name
{
	margin:0;
	font-weight:bold;
}
 #lastPrds a:hover .name
{
	color:#CC0044;
}
 #lastPrds .date
{
	margin:0;
	font-style:italic;
}

/* --------------------------
   Fil d'ariane
---------------------------- */
 #breadcrumb {
	position : relative;
	top : -7px;
	font-size : 0,1em;
}

 #breadcrumb ul{
	margin : 0;
	padding : 0;
}


 #breadcrumb li{
	display : block;
	float : left;
	list-style : none;
	height : 20px;
	line-height : 20px;
	color  : #66B5FF;
	padding:0px;
}
 #breadcrumb li.first a
{
	padding-left:0;
}
 #breadcrumb li.sep
{
	height : 20px;
	line-height : 20px;
	font-size:12px;
}

 #breadcrumb li a{
	display : block;
	float : left;
	height : 20px;
	line-height : 20px;
	padding-left : 5px;
	padding-right : 5px;
	color  : #66B5FF ;
}

 #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:#66B5FF;
}

 #main .contents {
	color : #445878;
	font-size: 14px;
}

.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 : #445878;
}

 #main .contents a:hover {
	color : #CC0044;
}

 #main .contents a:active {
	color : #2A2966;
}
/* left padding for all elements */
 #main .contents .section {
	padding-left : 20px;
}

 #main .contents .section .section {
	padding-left : 0;
}
/* ------- CONTENTS HEADER ------- */
.contents .hgroup {
	display : block;
	height :  26px;
	line-height :  26px;
	color : #FFFFFF;
	background-color : #0066CC;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding : 1px 17px;
	position : relative;
	margin-bottom:10px;
	overflow:visible;
}
.contents .hgroup.sub {
	color : #FFFFFF;
	background-color : #333747;
	margin-top:10px;
}

.contents .hgroup>a.kent-ico {
	color : #FFFFFF;
	background-color:inherit;
	display : block;
	width : 26px;
	height :  26px;
	line-height :  26px;
	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;
}
.contents h2 {
	font-size:1.2em;
	font-family:Arial;
}
.contents h2 .kent-ico
{
	font-size:16px;
	vertical-align:text-bottom;
}
 #main .contents .hgroup h1 a, #main .contents .hgroup h1 a:hover
{
	color: #FFFFFF;
}

.contents .hgroup h1, .contents .hgroup h1 span {
	font-size : 20px;
	line-height : 26px;
	height : 26px;

	padding : 0;
	margin : 0;	
}

.contents .hgroup h1 span {
	font-size : 30px;
	font-family : arial;
	padding-left : 5px;
	vertical-align:middle;
}
.contents .hgroup h1 span .nbRec
{
	background-color : #0066CC;
	position:absolute;
	right:17px;
	bottom:0;
	padding-right:20px;
}
.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 : #66B5FF;
	border-bottom:solid 1px #66B5FF;
	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: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;


	float : right;

	z-index  : 99;
	position : absolute;
	top : 28px;
	right : 10px;
}

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

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

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

 #main .contents .header .submenu.active a:active, #main .contents .header .submenu.active a.active {
	color : #66B5FF;
	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:#66B5FF;
	cursor:pointer;
	vertical-align:middle;
	height:22px;
	font-size:22px;
	line-height:22px;
	width:22px;
}
 #mainCol .contents .instructions a.kent-ico:hover
{
	color:#66B5FF;
	text-decoration:none;
}
.instructionsPopup
{
	display:none;
	position:absolute;
	width:544px;
	padding:0px;
	font-size:12px;
	line-height:1.5em;
}
.instructionsPopup div:first-child
{
	background-color:#EDF4FB;
	position:relative;
	min-height:200px;
	color:#2A2966;
	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:#748CAF;
	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:#748CAF !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:#EDF4FB;
	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:100%;
	height:100%;
	background-color:transparent; /* for browsers that don't support rgba colors */
	background-color:rgba(0,0,0,0.6);
	z-index:9999;
	display:none;
}
 #modalPopup>div:first-child /* transparent border */
{
	background-color:#000000;
	opacity:0.3;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:430px;
	height:130px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-65px;
	margin-left:-215px;
}
 #modalPopup>div.contents
{
	background-color:#EFEFEF;
	color:#445878;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:auto;
	width:400px;
	min-height:100px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-200px;
	padding:10px 20px !important;
	font-size:1em !important;
}
 #modalPopup .header
{
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px solid #66B5FF;
}
 #modalPopup .header.error {color:#CC0044;}
 #modelPopup .header.warning {color:#EC8B00;}
 #modalPopup .header.info {color:#66CC33;}

 #modalPopup .header .kent-ico, #modalPopup .header img
{
	font-size:50px;
	vertical-align:baseline;
	padding-right:15px;
	height:50px;
}
 #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 p
{
	margin:0px 0px 5px 0px;
}
 #modalPopup .submit
{
	text-align:center;
	margin-top:15px;
	overlfow:hidden;
}
 #modalPopup .insert
{
	background-color:#FFFFFF;
	padding:20px;
	box-shadow:0 0 4px 2px #EFEFEF inset;
	margin:10px 0;
}

span.highlight
{
	color:#748CAF;
	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:10;
	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;
}

/*---------- Boxes -------------- */
.contents .box
{
	margin:10px;
	padding:10px;
	border:1px solid #0066CC;

	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5) inset;
	background-color:#FFFFFF;
	color:#445878;
	position:relative;
}
 #main .contents .box>label:first-child
{
	position:relative;
	top:-10px;
	left:-10px;
	width:100%;
	background-color:#0066CC;
	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:12px 16px;
	margin:10px 0px 20px 20px;
 	background-color:#F2F2F2;
	border-radius:4px;
	color:#8C8C8C;
}
/* 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 ------------ */
 #main .contents .table, body.cke_editable .table
{
	border-collapse:collapse;
	border-spacing:0px;
}
 #main .contents .table tr, body.cke_editable .table tr
{
	border-bottom:1px  solid #66B5FF;
	vertical-align:middle;
}
 #main .contents .table th, body.cke_editable .table th
{
	border-bottom-style:none;
}
 #main .contents .table th.row, body.cke_editable .table th.row
{
	background-color:#FFFFFF;
	color:#445878;
	text-align: center;
	font-weight:normal;
}
 #main .contents .table th a, body.cke_editable .table th a
{
	font-weight:normal;
}
 #main .contents .table th.col, body.cke_editable .table th.col
{
	background-color:#0066CC;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
 #main .contents .table th.col.kent-ico, body.cke_editable .table th.col.kent-ico
{
	font-weight:normal;
}
 #main .contents .table td.subheader,  #main .contents .table th.subheader
{
	background-color:#66B5FF;
	color:$$varKent_CNT_main_background_color;
}
 #main .contents .table td.subsubheader,  #main .contents .table th.subsubheader
{
	background-color:#66B5FF;
}
 #main .contents .table td, #main .contents .table th, body.cke_editable .table td, body.cke_editable .table th
{
	padding:2px 3px;
	vertical-align:middle;
}
 #main .contents .table ul, #main .contents .table p, body.cke_editable .table ul, body.cke_editable .table p
{
	margin-bottom:0px;
}
 #main .contents .table a.kent-ico, #main .contents .table a .kent-ico
{
	font-size:19px;
	line-height:19px;
	font-weight:normal;
	color:#66B5FF;
}
 #main .contents .table .tableSort a.kent-ico:not(.active)
{
	color:#66B5FF;
}

 #main .contents .table a, body.cke_editable .table a
{
	color : #414141;
}
 #main .contents .table a:hover, body.cke_editable .table a:hover
{
	text-decoration:none;
	color:#CC0044;
}
 #main .contents .table a.kent-ico:hover, #main .contents .table a:hover .kent-ico
{
	color:#CC0044;
	text-decoration:none;
}
 #main .contents .table .floater p
{
	position:relative;
	margin-bottom:5px;
}
 #main .contents .table .floater label
{
	width:100px;
	text-align:right;
	font-style:italic;
	display:block;
	position:absolute;
}
 #main .contents .table .floater input+label
{
	position:static;
	width:auto;
	text-align:left;
	font-style:normal;
	display:inline;
}
 #main .contents .table .floater input+label
{
	padding-left:5px;
}
 #main .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;
}
/* --------------------------------
	Composants Page accueil
--------------------------------- */
/* ----------- Quicksearch ------------ */
 #mainCol .quickSearch
{

	padding:20px 10px;
	margin-bottom:20px;
}
 #mainCol .quickSearch .sfield
{
	height:40px;
	line-height:40px;
	border-radius:20px;
	font-size:20px;
}
 #mainCol .quickSearch p.more
{
	text-align:right;
	margin:0px 13px 0px 0px !important;
}
 #mainCol .quickSearch .more *
{
	color:#2A2966;
}
/* ----------- Colonnes (DSI, emprunts) ----------- */
 #mainCol table{
	width : 100%;
	margin : 0 auto;
	padding : 0;
	border-collapse : collapse;
	border : 0 none;
}

 #mainCol td{
	width : auto;
	background-image : none;
	border : 0 none;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
}

 #mainCol td.half{
	width : 50%;
}

 #mainCol td.third{
	width : 33%;
}
 #mainCol td.twothirds{
	width : 66%;
}
 #mainCol td.quarter{
	width : 25%;
}

.central p:not([class^=p])
{
	margin-top : 0;
	margin-bottom : 1em;
}
 #main .central td div.contents.incol {
	padding : 0 10px;
}

 #main .central td td.first div.contents.incol {
	padding-left : 0;
}

 #main .central td td.last div.contents.incol {
	padding-right : 0;
}

 #main .central td div.contents.incol .header{
	position:relative;
}
 #main .contents.incol .details {
	position : relative;
	color : #66B5FF;
	margin-bottom:0px;
}

 #main .contents.incol .details span.rating {
	position : static;
	padding-left : 10px;
	white-space : nowrap;
}

 #main .contents.incol .details span.icon {
	position : absolute;
	right : 0;
	top : -5px;
	font-size : 20px;
	color : #66B5FF;
}

 #main .contents.incol .section {
	padding-left : 0;
}

 #main .contents.incol .section .header p.top {
	margin-bottom : 5px;
}

 #main .contents.incol .section .header p.top, #main .contents.incol .section .header p.top a {
	text-align : right;
	color : #66B5FF;
	text-decoration : none;
}

 #main .contents.incol .section .header p.top a:hover {
	color : #CC0044;
}

 #main .contents.incol .article {
	border-bottom : 1px dashed #66B5FF;
	margin-bottom : 10px;
}

 #main .contents.incol .article .summary {
	color: #445878;
}

 #main .contents.incol .article.important .inner {
	background-color: #F7F7F7;
	padding : 16px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom : 0;
}
 #main .contents.incol .article {
	font-size : 0.9em;
}

 #main .contents.incol .article .header h2 {
	font-size : 1.2em;
	line-height : 1.3em;
}
/* ------------ Main-image ------------ */
 #main-image {
	padding : 0px;
	color : #C27F13;
	width:100%;
	height : 300px;
	margin:auto;
	overflow:hidden;
}

 #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 : center;
}

.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 : #66B5FF;
	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 : #66B5FF;
}
/* ----------------- Collaboratif ---------------------- */
 #main .contents .header .settings .role
{
	font-weight:bold;
	line-height:27px;
}
.contents .team
{
	position:relative;
	padding:20px 0px;
}
.team .top-shadow, .team .bottom-shadow
{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	height : 20px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

 .team .bottom-shadow
{
	top:auto;
	bottom:0px;	

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#19000000',GradientType=0 ); /* IE6-9 */
	
}
a.active .kent-ico
{
	color:#66B5FF;
}

/* --------------- Carrousel -------------- */


/* --------------- KP - Themes ---------- */
 #myThemes
{
	text-align:center;
}
 #myThemes>div
{
	display:inline-block;
	width:150px;
	height:150px;
	margin:3px;
	background-size:cover;
	background-color:#0066CC;
	vertical-align:top;
	position:relative;
}
.ie7 #myThemes>div
{
	display:inline;
}
 #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:#212121;
	color : #FFFFFF;
	line-height:150px;
	position:absolute;
	top:0;
	left:0;
	transition: transform 0.3s, opacity 0.3s;
}
.ie7 #myThemes>div .caption, .ie8 #myThemes>div .caption
{
	display:none;
}
 #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:$$varKent_KP_home_font_size;
	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:#FFFFFF;
	color : #0B1B2D;
	border-radius:0.5em;
}
 #myThemes .button
{
	text-align:center;
	background-color:#66B5FF;
	color:#445878;
	height:1em;
	line-height:1em;
	padding:0.5em 1.5em;
	border-radius:1em;
	margin:auto;
	display:inline-block;
	text-decoration:none;
	margin-right:14px;
}
 #main #myThemes .button:hover
{
	color:#FFFFFF;
	background-color:#0066CC;
	text-decoration:none;
}
 #myThemes .button .kent-ico
{
	font-size:1.5em;
	color:inherit;
	vertical-align:bottom;
	margin-right:5px;
}

/* ------------------------------------
	ListRecord
------------------------------------ */
/* ------- PAGINATION ------- */
 #main .contents ul.pagination {
	list-style : none;
	padding : 0;
	display : table;
	width : auto;
	margin : 0px auto 10px auto;
}
 #main.contents .hgroup~ul.pagination
{
	margin-top:15px;
}
 #main .contents .submenu+ul.pagination
{
	margin-top:5px;
}

 #main .contents ul.pagination li {
	font-size : 10px;
	line-height : 17px;
	display : inline;
	list-style : none;
	padding : 0;
	margin : 0;
}

 #main .contents ul.pagination a {
	display : block;
	float : left;
	padding : 0 6px;
	margin : 0 2px;
	background-color : #f2f2f2; 
	color : #66B5FF; 
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration:none;
}

 #main .contents ul.pagination .first a {
	margin-left : 18px;
}

 #main .contents ul.pagination .last a {
	margin-right : 18px;
}

 #main .contents ul.pagination .kent-ico a {
	color : #66B5FF;
	font-size : 13px;
}

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

 #main .contents ul.pagination a:hover,  #main .contents ul.pagination .kent-ico a:hover {
	background-color : transparent;
	color : #CC0044;
}

 #main .contents ul.pagination a:active, #main .contents ul.pagination .active a {
	background-color : transparent;
	color : #2A2966;
}

/* ------- SETTINGS ------- */
.contents .settings {
	display : block;
	position : relative;
	height : 27px;
	font-size : 11px;
	padding-bottom : 5px;
	padding-left : 20px;
	border-bottom : 1px dashed #004586;
	margin-bottom : 5px;
}

.contents .fontsize {
	font-family: Times,"Times New Roman",Georgia,Serif;
}

 #main .central .contents .settings .instructions
{
	position:absolute;
	top:-33px;
	left:5px;
	color : #66B5FF;
}
 #main .central .contents .settings .instructions.right
{
	position:absolute;
	top:0px;
	right:5px;
	color : #66B5FF;
}

.contents .fontsize {
	position : absolute;
	top : -33px;
	right : 5px;
	padding : 0;
	margin : 0;
	color : #66B5FF;
	font-weight : bold;
}

.contents .settings .selectall {
	position : absolute;
	padding : 0;
	margin : 0;
	top : 0;
	left : 15px;
	line-height : 27px;
	text-align : left;
}

.contents .settings .selectall .checkbox {
	position : absolute;
	left : -15px;
	top : 6px;
}

 #main .central .contents .settings .orderby {
	position : absolute;
	top : 0;
	right : 5px;
	line-height : 27px;
	
}
 #main .central .contents .settings .orderby select
{
	font-size:11px;
	color:#445878;
}

.contents .settings .orderby a {
	font-size : 14px;
	color : #66B5FF;
	vertical-align:middle;
}

.contents .settings .orderby a:hover {
	color : #CC0044;
	text-decoration : none;
}

.contents .settings .orderby a.active {
	color : #66B5FF;
}

.contents .fontsize a {
	color : #66B5FF;
}

.contents .fontsize a:hover {
	color : #CC0044;
	text-decoration : none;
}

 #main .contents .fontsize a:active {
	color : #66B5FF;
}

.contents .fontsize .smaller {
	font-size : 15px;
}

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

 #main .contents .settings .selectall label {
	padding-left : 5px;
}
/* --------------- Alpha filter -------------- */
 #main .contents #alphaList
{
	text-align:center;
}
 #main .contents #alphaList a
{
	padding:0px 4px;
	background-color : transparent;
	color : #2A2966;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration:none;
}
 #main .contents #alphaList a:hover
{
	background-color : transparent;
	color : #CC0044;
}
 #main .contents #alphaList a.off
{
	background-color : #f2f2f2; 
	color : #66B5FF;
	text-decoration:none;
}
 #main .contents #alphaList a.active
{
	background-color : transparent;
	color : #CC0044;
}
/* ------- 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:#445878;
}
.contents.tempLoader>.header
{
	min-height:6em;
	position:relative;
}
.contents.tempLoader .header h2 .dummy
{
	background-color : #0B1B2D;
	width:50%;
}
.contents.tempLoader .header .details .dummy
{
	background-color: #66B5FF;
	width:40%;
}
.contents.tempLoader .summary .dummy
{
	background-color:#445878;
	width:calc(100% - 50px - 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:#0066CC;
	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:#445878;
}
.contents.tempLoader .fields label+span
{
	width:70%;
}
/* ------- ARTICLES------- */
.contents .article {
	position : relative;
	color : #445878;
}
.contents .article.read
{
	opacity:0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	background-color:transparent;
	border-radius:0px;
	padding:0px;
}
.contents .article.read:hover
{
opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

}
 #main .contents .article a {
	padding : 0;
	color :  #2A2966;
}
 #main .contents .article a:hover {
	text-decoration : none;
	color : #A6A6A6;
}

.contents .article a span.kent-ico {
	color :  #66B5FF;  /* Used mainly for figure and external links */
	padding-left : 4px;
	font-size : 11px;
}

.contents .article a:hover span.kent-ico {
	color :  #66B5FF;
}
.contents .article .header h2 {
	font-family : Arial;
	font-size : 1.2em;
	color : #0B1B2D;
	font-weight : normal;
	margin-bottom : 0;
}
 .contents .article .header h2 a
{
	font-weight : normal;

}

 #main .contents .article .header h2 a {
	color : #0B1B2D;
}

 #main .contents .article .header h2 a:hover, #main .contents .diapo .article h2 a:hover {
	color : #0066CC;
}

 #main .contents .article .header h2 a:active, #main .contents .diapo .article h2 a:active {
	color : #0066CC;
}

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

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

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

 #main .contents p.deadline {
	color : #FF6B19;
}

 #main .contents p.deadline.s2 {
	color : #FF9D1F;
}

 #main .contents p.deadline.s3 {
	color : #EC6528;
}

 #main .central .contents .rating {
	color: #66B5FF;
	position : absolute;
	right : 0;
	margin-top:-18px;
	margin-bottom:0px;
	font-size : 10px;
}
 #main .loading.central .contents .rating {
	visibility:hidden;
}
 #main .central .contents .plan .rating
{
	position:static;
	float:right;
	margin-top:1px;
}
 #main .central .contents .diapo .rating
{
	margin-top:0px;
	margin-right:9px;
}
.contents .incol .article .header .rating {
	top:auto;
}

.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;
}

.contents .rating .active {
	color : #0066CC;
}

.contents .rating .active a, #main .contents .rating .active a  {
	color : #0066CC;
}

 #main .contents .rating a {
	color: #66B5FF;
	text-decoration:none;
}

.contents .rating .jsnotactive, #main .contents .rating .jsnotactive a {
	color: #66B5FF;
}

.contents .rating .jsactive,  #main .contents .rating .jsactive a  {
	color :#0066CC;
}

.contents .rating span {
	padding : 0 3px;
}

.contents .article .header .rating .active a, #main .contents .article .header .rating .active a, .contents .header .article .rating .active a, #main .contents .header .article .rating .active a  {
	color : #0066CC;
}

 #main .contents .rating a {
	color: #66B5FF;;
}

.contents .article .header .rating .jsnotactive, #main .contents .article .header .rating .jsnotactive a, .contents .header .article .rating .jsnotactive, #main .contents .header .article .rating .jsnotactive a {
	color: #66B5FF;
}

.contents .article .header .rating .jsactive,  #main .contents .article .header .rating .jsactive a, .contents .header .article .rating .jsactive,  #main .contents .header .article .rating .jsactive a  {
	color :#0066CC;
}

 #main .contents .article .header
{
	overflow:hidden;
}
 #main .central .contents .article .header .details {
	color: #66B5FF;
	margin:0px;
	padding-right:90px;
}

.contents .article .header input.checkbox {
	position : absolute;
	left : -20px;
	top : 3px;
}
.contents .article td .header input.checkbox {
               left:0px;
}

 #main .contents .article .section {
	font-size : 1em;
	line-height : 1.4em;
	overflow:hidden;
}

 #main .contents .article .section a {
	font-weight : bold;
}

 #main .contents .article .section  a .kent-ico {
	font-weight : normal;
}
 #main .contents .article label
{
	width:120px;
	padding-right:5px;
	display:inline-block;
	min-height:20px;
	text-align:right;
	color:#66B5FF;
	vertical-align:top;
}
 #main .contents .article .section .summary p
{
	margin-bottom:5px;
}
 #main .contents .article .section .summary label+span
{
	display:inline-block;
}

.contents .article a.figure {
	display : block;
	width : 50px;
	height : 50px;
	background-color : #F5F5F5;
	border : 5px solid #EBEBEB;
	line-height : 50px;
	text-align : center;
	float : left;
	margin : 0 8px 8px 0;
	position : relative;
	overflow : hidden;
}
.figure{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.figure.no-resize
{
	background-size:auto;
}

.contents .article a.figure:hover {
	text-decoration : none;
	border-color : #BFBFBF;
}

 #main .contents .article a.figure span.num {
	position : absolute;
	left : 0;
	bottom : 0;
	height : 19px;
	display : block;
	width : 100%;
	text-align : center;
}


 #main .contents .num span{
	display : block;
	margin : 0 auto;
	background-color : #FFFFFF;
	color : #0B1B2D;
	padding : 0;

	
	line-height : 11px;
	width : 20px;
	height : 11px;
	
	font-size : 8px;
	font-weight : bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 4px;
	border-radius: 6px;
	
}

 #main .contents .article a.figure span.hover {
	display : block;
	width :100%;
	padding: 0px;
	height : 100%;

	color : #FFFFFF;
	line-height : 50px;
	text-align : center;
	font-size : 25px;
	
	position : absolute;
	top : 0;
	left : 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	  filter: alpha(opacity=70);
	  -moz-opacity: 0.3;
	  -khtml-opacity: 0.3;
	  opacity: 0.3;
}
 #main .contents .article a.figure span.icon
{
	display : block;
	width :100%;
	padding: 0px;
	height : 100%;
	text-decoration:none;
	font-size : 25px;
}

 #main .contents .article a.figure:hover span.hover {
	  
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  filter: alpha(opacity=50);
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
	  opacity: 0.5;
	background-color : #000000;
}
/* figure large */
.contents .article a.figure.large {
	margin-right : 16px;
	margin-bottom : 8px;
}

 #main .contents .article a.figure.large span.hover {
	width :  90px;
	padding-right : 10px;
	height : $$varKent_CNT_figure_large_height;
	line-height : $$varKent_CNT_figure_large_height;
	font-size : $$varKent_CNT_figure_large_zoom_icon_size;

}

 #main .contents .article a.figure.large span.num {
	height :  19px;
	width : 100%;
}

 #main .contents .article a.figure.large {
	width : 100%;
	height : $$varKent_CNT_figure_large_height;
}
 #main .contents .article.active{
	margin-top : 40px;
}
 #main .contents .article.active .score {
	display : none;
}
 #main .contents .article .top-gradient {
	display : none;
}
 #main .contents .article.active .top-gradient {
	display : block;
	position : absolute;
	height : 20px;
	width : 100%;
	top : -21px;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
 #main .contents .article .top-more {
	display : none;
}
 #main .contents .article.active  .top-more {
	padding : 0;
	margin : 0;
	display : block;
	position : absolute;
	top : -70px;
	width : 40px;
	left : 50%;
	margin-left : -20px;
	line-height : 25px;
	font-size : 15px;
}
 #main .contents .article .full
{
	display:none;
}
 #main .contents .article.active .full
{
	display:block;
}
 #main .contents .article.active .full+div
{
	display:none;
}
.contents .article.emphasize
{
	background-color: #F7F7F7;
	padding : 16px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom : 0;
}
 #main .contents .article.emphasize.active .top-gradient,#main .contents .article.emphasize.active .gradient
{
	display:none;
}
 #main .contents .article .footer {
	margin-left : 0;
}
 #main .loading .contents .article .footer {
	visibility:hidden;
}
 #main .contents .article .footer .actions .separator:first-child
{
	display:none;
}
 #main .contents .article .footer .actions .kent-ico
{
	font-size:14px;
	vertical-align:middle;
	padding:0px 4px;
}
/* ------ Extra ----- */
 #main .contents .article .extra {
	display : none;
	font-size :0.95em;
	clear:left;
}
 #main .extra .header
{
	font-family:bebasneue-webfont;
	border-left:5px solid #66B5FF;
	font-size:1.2em;
	padding-left:20px;
}
 #main .extra ul
{
	width:auto;
}
 #main .extra input[type="text"], #main .extra textarea
{
	width:400px;
box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-width:1px;
	-moz-box-shadow: 0 0 10px #FFFFFF inset;
	-webkit-box-shadow: 0 0 10px #FFFFFF inset;
	box-shadow: 0 0 10px #FFFFFF inset;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#FFFFFF')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#FFFFFF');
	margin:0px;
	padding:3px;
	background-color:#FFFFFF;
	color:#445878;
}
 #main .extra input[type="text"][size]
{
	width:auto;
}
 
 #main .contents .article.active .extra {
	display : block;
}

  #main .contents .article .extra .actions {
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
}

 #main .contents .article .extra .actions li, #main .contents .article .extra .actions a {
	color : #AA8858;
	font-weight : normal;
	padding : 0;
}
/* ------- FOOTER ARTICLE------- */
.contents .article .footer {
	border : 0 none;
	border-top : 1px dashed #66B5FF;
	color : #66B5FF;
	position : relative;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-top : 0;
}

.contents  .article .footer .gradient {
	display : none;
}

.contents  .article.active .footer .gradient {
	display : block;
	position : absolute;
	height : 20px;
	width : 100%;
	top : -21px;
	

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#19000000',GradientType=0 ); /* IE6-9 */
}

.contents  .article .more {
	padding : 0;
	margin : 0;
	display : block;
	position : absolute;
	top : -27px;
	width : 40px;
	left : 50%;
	margin-left : -100px;
	line-height : 25px;
	font-size : 15px;
	font-size : 12px;
	width : 200px;
	text-align : center;
}

 #main .contents  .article .more a {	
	color : #66B5FF;
}
 #main .contents .article .more a:hover {
	color : #66B5FF;
}

.contents  .article .footer .score {
	padding : 0;
	margin : 0;
	display : block;
	position : absolute;
	top : -22px;
	right : 0;
	font-size : 11px;
}
/* ---- POPUP AJOUTER PANIERS ---- */

.contents .article .footer .actions p, .contents .article .footer .actions>div
{
	display:inline;
	margin:0px;
}
.contents .article .footer .actions>p, .contents .article .footer .actions>div
{
	white-space:nowrap;
}
 #main .contents .article .footer .actions>div>p
{
	padding:0px 3px;
	color:#1BBC9B;
	cursor:pointer;
}
 #main .contents .article .footer .actions a
{
	color:#1BBC9B;
}
 #main .contents .article .footer .actions .inactive
{
	color:#66B5FF;
}

.basket-add {
	position : absolute;
	top:1.3em;
	left : -20px;
	z-index : 999;
	display : none;
}

.contents .backet-add .check-list {
	position : static;
}
.contents .article .footer .basket-add p
{
	display:block;
}

.contents .article .footer .basket-add .add input
{
	width:120px;

}
 #main .contents .article .footer .basket-add .add a.kent-ico
{
	position:static;
	display:inline;
	color:#66B5FF;
	font-size:18px !important;
	vertical-align:bottom;
}
 #main .contents .article .footer .basket-add .add a.kent-ico:hover
{
	color:#66CC33 !important;
}

 #main .contents .basket-add p.manage {
	padding-top : 5px;
	margin-top : 10px !important;
	border-top : 1px dashed #66B5FF;
	margin-bottom : 0;
	text-align:right;
}

/* ------ FOOTER LISTE ARTICLES ----- */

.contents .footer {
	margin-top : 70px;
	border-top : 1px dashed #66B5FF;
	position : relative;
	margin-bottom : 60px;
	color : #8C8C8C;
	padding-top:5px;
}
.contents .footer .goto input.submit {
	border : 0 none;
	background-color : #FFFFFF;
	color : #66B5FF;
	font-size : 15px;
	z-index : 999;
}

.contents .footer .goto input.submit:hover {
	color : transparent;
}

.contents .footer .goto input.submit:active {
	color : transparent;
}

.contents .footer .action {
	position : absolute;
	top : -45px;
	line-height : 25px;
	padding : 0;
	margin : 0;
}

 #main .central .contents .footer .action p{
	margin:0px;
}
 .contents .footer .action .selectall
{
	text-align:right;
	line-height:1em;
}

 #main .contents .footer .pagination {
	margin : 10px auto;
}

 #main .contents .footer .goto {
	position : absolute;
	top : 44px;
	right : 0;
	font-weight : normal;
}
 #main .contents .footer select#baskets
{
	margin-top:5px;
}

/* ------------ 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 #66B5FF;
	padding-bottom:5px;
}
 #main .contents .article .kp-listrec-content a.neg
{
	color:#445878;
}
 #main .contents .article .kp-listrec-content a.neg:hover
{
	color:#2A2966;
}
 .contents .kp-listrec-content .kp-view
{
	color:#2A2966;
	font-weight:bold;
	text-align:right;
}
 .contents .kp-listrec-content .num
{
	margin-left:20px;
	background-color : #FFFFFF;
	color : #0B1B2D;
	display:inline-block;
	min-width:30px;
	border-radius:0.6em;
	line-height:1.2em;
	text-align:center;
}
.ie7 .contents .kp-listrec-content .num
{
	display:inline;
	padding:0px 7px;
}
 #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:#445878;
}
 #main .contents .kp-listrec-content ul li
{
	margin-left:100px;
}

/* DIAPO PAGE */
/* Hide unwanted contents */
.contents .section.diapo .article .details,
.contents .section.diapo .article h2 .subtitle,
.contents .section.diapo .summary,
.contents .section.diapo .extra,
.contents .section.diapo .footer .gradient,
.contents .section.diapo .footer .more,
.contents .section.diapo .footer .score,
 #main .contents .section.diapo .article.active .extra
{
	display : none;
}

 #main .contents .section.diapo .article.active {
	padding : 0;
	margin-top : 10px;
}

 #main .contents .section.diapo {
	padding-left : 0;
	padding-right : 0;
	margin-left:-10px;
	margin-right:-10px;
}

.contents .section.diapo .article {
	padding : 0;
	display : block;
	float :left;
	width : 186px;
	height : 186px;
	position : relative;
	background-color : rgba(237,237,237,0.8);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin : 10px 10px 20px 10px;
}
.contents .section.diapo .article .footer {
	border: 0 none;
}

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

/* Rating position */
.contents .section.diapo .article .header .rating {
	position : absolute;
	top : 7px;
	right : 7px;
	z-index:1;
}	

/* Title position */
.contents .section.diapo .article h2 .title {
	font-weight : normal;
	font-size : 0.85em;
	color : #1BBC9B;
	display : block;
	width : 100%;
	
	
	
	height : 36px;
	padding : 2px 5px 5px 10px;
	position : absolute;
	bottom : 0px;
	left:0px;
	text-align :center;
	line-height : 1em;
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background-color:rgba(237,237,237,0.8);
	background-color:rgba(237,237,237,0.8);
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;

}
.ie7 .contents .section.diapo .article h2 .title {
	padding:0px;
}
.contents .section.diapo .article h2 .title:hover {
	height:auto;
	min-height : 36px;
	z-index:10;
}

 #main .contents .section.diapo .article h2 a
{
	font-weight:normal;
	color:#1BBC9B;
}

/* Bastket icon position */
.contents .section.diapo .article .footer, .contents .section.diapo .article .basket {
	position : static;
}
.contents .section.diapo .article .footer .basket .kent-ico {
	position : absolute;
	top : 25px;
	left : 8px;
	font-size : 15px;
	color : #66B5FF;
}



/* Figure position */
/*
 #main .contents .section.diapo .article a.figure {
	top: 38px;
	left : 50%;
	margin-left : -55px;
	border-color : #CCCCCC #A6A6A6 #A6A6A6 #CCCCCC;
	width:100%;
	height:100%;
}
*/


 #main .contents .section.diapo .article a.figure {
	top: 0px;
	left : 0px;
	margin:0px;
	border-style:none;
	width:100%;
	height:100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


 #main .contents .diapo .article a.figure span.hover {
	width :100%;
	height : 100%;
	line-height : 186px;
}
 #main .contents .diapo .article a.figure span.icon
{
	width :100%;
	height : 100%;
	line-height:186px
}
 #main .contents .diapo .article a.figure span.num
{
	width :100%;
	height:55px
}

/* Actions position */
.contents .section.diapo .article .footer .actions {
	position : absolute;
	left : 9px;
	bottom : -20px;
	display : block;
	height : 20px;
	font-size : 11px;
}


/* basket popup position */

.diapo .basket-add {
	top : 208px; /* diapo basket add menu */
	left : -10px;
}

/* Status position */

 #main .contents .section.diapo .article span.status {
	position : absolute;
	top : 5px;
	left : 25px;
	text-align : right;
	display : block;
	width : 50px;
	line-height : 18px;
	font-size : 12px;
	z-index:1;
}

 #main .contents .section.diapo .article h2 .status span.inner {
	line-height : 14px;
	margin-left:0px;
}


.diapo .basket-add {
		top : 208px;
		left : -10px;
}


/* ****** 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 .article {
	margin-left : 44px; /* align with sub section title */
}

 #main .contents .section.plan.sub .header.sub {
	border-top : 1px dashed #66B5FF;
	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 #66B5FF;
	margin : 10px 0;
	height : 0;
}	

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

}

 #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 : #0066CC;
}


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

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

 #main .contents .section.plan .article .header h2 span.status span.inner {
	padding-left : 8px;
	padding-right : 8px;
}
/* ------------- 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 ---------------- */
 /*#main .contents.table-contents .article .kent-ico a,*/ #main .contents.table-contents .article a.kent-ico, .contents.table-contents .header th a.kent-ico, .table-contents .kent-ico {
	color : #66B5FF;
	text-decoration : none;
}
 #main .contents.table-contents .kent-ico a.active, .contents.table-contents a.kent-ico.active, .contents.table-contents.contents .header a.kent-ico.active {
	color : #66B5FF;
}

 #main .contents.table-contents .section
{
	padding:0px;
}

 #main .contents.table-contents table {
	margin-bottom : 20px;
}
 #main .contents.table-contents tr.article {
	/* Dégradé ligne de tableau */
	background-color: #fbfbfb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fffffff));
	background-image: -webkit-linear-gradient(top, #fbfbfb, #fffffff);
	background-image: -moz-linear-gradient(top, #fbfbfb, #fffffff);
	background-image: -o-linear-gradient(top, #fbfbfb, #fffffff);
	background-image: -ms-linear-gradient(top, #fbfbfb, #fffffff);
	background-image: linear-gradient(top, #fbfbfb, #fffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fbfbfb', EndColorStr='#fffffff');
	/* Fin Dégradé ligne de tableau */
	
	border-top : 1px dashed #66B5FF;
	line-height : auto;
	height : auto;
}

 #main .contents.table-contents th.col3,  #main .contents.table-contents th.col4,  #main .contents.table-contents th.col5,  #main .contents.table-contents th.col6
{
	min-width:100px;
}

 #main .contents.table-contents th {
	border-bottom : 0 none;

}

 #main .contents.table-contents tr.header th, #main .contents.table-contents tr.article td {
	padding : 8px 5px 8px 5px;
	vertical-align:middle;
}

/* 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 #66B5FF;
	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 */

 #main .contents.table-contents tr.article .firstcol, #main .contents.table-contents tr.article .thumbcol, #main .contents.table-contents tr.article .lastcol {
	padding-left : 0;
	padding-right : 0;
}

 #main .contents.table-contents tr.article .firstcol {
	width : 20px;
}


/* Begin Paper clip */
 #main .contents.table-contents tr.header .kent-ico {
	font-weight : normal;
}

 #main .contents.table-contents tr.header .thumbcol {
	text-align : center;
	vertical-align : middle;
	font-size : 20px;
}

/* Select menu dropdowns */
 #main .contents.table-contents th a.orderby {
	color: #0066CC;
}

 #main .contents.table-contents th .orderlist {
	display : none;
}

 #main .contents.table-contents th.active .orderlist {
	display : inline;
}
 #main .loading .contents.table-contents th a
{
	visibility:hidden;
}
 #main .contents.table-contents th.active a .kent-ico {
	color : #CC0044;
}
 #main .contents.table-contents th a:hover, #main .contents.table-contents th a:hover .kent-ico {
	color : #CC0044;
	text-decoration : none;
}

 #main .contents.table-contents tr.article .firstcol span {
	display : block;
	height : 86px;
	position : relative;
	width : 16px;

}
/* All col icons */
 #main .contents.table-contents a.kent-ico:hover,  #main .contents.table-contents tr.article a.kent-ico.active {
	color : #CC0044;
}

/* Col 1 icons */
 #main .contents.table-contents tr.article .firstcol .kent-ico {
	position : absolute;
	bottom : 0;
	left : 0;
	font-size : 12px;
	line-height : 12px;
}

/* Col 7 icons */
 #main .contents.table-contents .lastcol {
	vertical-align : middle;
	text-align : center;
}

 #main .contents.table-contents tr .lastcol .kent-ico, #main .contents.table-contents tr .lastcol .kent-ico a {
	font-weight : normal;
	font-size : 19px;
	line-height : 19px;
}

 #main .contents.table-contents .lastcol .kent-ico.active, #main .contents.table-contents .lastcol .kent-ico.active a {
	color : #66CC33;
}
/* ------------ 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:Arial;
	font-size : 1.2em;
}
 #main .contents.survey h2 a
{
	font-weight : normal;
	color : #0B1B2D;
}
 #main .contents.survey h2 a .kent-ico
{
	font-size:0.8em;
	padding-left:10px;
}
 #main .contents.survey h2 a:hover
{
	color : #0066CC;
}
 #main .contents.survey .section
{
	padding-left:20px;
	margin-bottom:20px;
	overflow:hidden;
}
 #main .contents.survey .separator
{
	width:100%;
	height:0px;
	border-bottom:1px dashed #66B5FF;
}
 #main .contents.survey ul
{
	margin:0px;
	margin-left:20px;
}
 #main .contents.survey ul li
{
	list-style:none;
	margin-bottom:10px;
}
 #main .central .submit
{
	text-align:right;
	margin:10px 0px;
}
/* ---------------------------------
	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 #66B5FF;
	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 : #0B1B2D;
	background-image:none;
	color :#66B5FF;
	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 : #66B5FF;
	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:#EDF4FB;
	color:#0066CC;
	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 #66B5FF;
}
.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:#66B5FF;
	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;
	width:100%;
	bottom:10px;
	left:0;
	text-align:center;
}
.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;
}
.record .iconsInfo
{
	position:absolute;
	top:0;
	left:0;
	font-size:24px;
	width:1.5em;
	height:35px;
	line-height:35px;
	text-align:center;
}
.gedPlus .gedlist .iconsInfo
{
	top:5px;
	left:-1.5em;
	margin-left:-15px;
}
.record .iconsInfo .kent-ico
{
	display:inline-block;
	vertical-align:middle;
}
.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:#CC0044;
	font-weight:bold;
	position:relative;
}
.gedPlus .file.alias .title
{
	color:#CC0044;
	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:#CC0044;
	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:#66CC33;
}
 #main .gedPlus .temp-form .cancel:hover
{
	color:#CC0044;
}

 #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 label
{
	width:150px;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
}
 #gedPlus_editPropertiesPopup input[type="text"],  #gedPlus_editPropertiesPopup textarea
{
	width:300px;
	vertical-align:top;
}
 #gedPlus_editPropertiesPopup textarea
{
	min-height:100px;
}
 #gedPlus_editPropertiesPopup .info
{
	font-style:italic;
	color:#66B5FF;
	padding-left:160px;
}
 #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
{
	
}

/* ======= Workflow ========= */
.gedPlusInfos
{
	margin:10px;
	background-color:#F2F2F2;
	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:#748CAF;
	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:#748CAF;
}
.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;
}
.gedFlow .flowIcons
{
	margin-bottom:1em;
}
.gedFlow .flowIcons span
{
	font-size:24px;
	display:inline-block;
	height:1.6em;
	line-height:1.6em;
	width:1.6em;
	text-align:center;
	border-radius:0.8em;
	margin:0 7px;
}
.gedFlow .flowIcons .grey
{
	color:#465963;
	background-color:#ECECEC;
}
.gedFlow .flowIcons .red
{
	color:#FFFFFF !important;
	background-color:#748CAF;
}
.gedFlow .flowIcons .green
{
	color:#FFFFFF;
	background-color:#66CC33;
}
.gedFlow .flowIcons .black
{
	background-color:#465963;
	color:#ECECEC;
}
.gedFlow .flowActions
{
	display:inline-block;
	text-align:center;
	font-size:24px;
	vertical-align:top;
}
.gedFlow .flowActions>p:first-child
{
	font-weight:bold;
	font-size:14px;
}

/* popups */
 #wfPopupRead
{
	position:relative;
}
 #wfPopupRead iframe
{
	display:inline-block;
	width:80%;
	overflow:hidden;
	box-sizing:border-box;
}
 #wfPopupRead .confirm
{
	display:inline-block;
	width:20%;
	padding:0 10px;
	vertical-align:top;
	box-sizing:border-box;
}
 #wfPopupRead .confirm button
{
	line-height:2em;
	width:100%;
}
 #wfPopupRead .confirm .k_button
{
	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:1px solid #D9D9D9;
	border-radius:0px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#DEDEDE));
	background-image: -webkit-linear-gradient(top, #f4f4f4, #DEDEDE);
	background-image: -moz-linear-gradient(top, #f4f4f4, #DEDEDE); 
	background-image: -o-linear-gradient(top, #f4f4f4, #DEDEDE);
	background-image: -ms-linear-gradient(top, #f4f4f4, #DEDEDE);
	background-image: linear-gradient(top, #f4f4f4, #DEDEDE);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f4f4f4', EndColorStr='#DEDEDE');
	color:#445878 !important;
}
 #wfPopupSign .wfSignButton label:hover, #wfPopupSign .wfSignButton input:checked+label
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #DEDEDE, #f4f4f4);
	background-image: -moz-linear-gradient(top, #DEDEDE, #f4f4f4); 
	background-image: -o-linear-gradient(top, #DEDEDE, #f4f4f4);
	background-image: -ms-linear-gradient(top, #DEDEDE, #f4f4f4);
	background-image: linear-gradient(top, #DEDEDE, #f4f4f4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#DEDEDE', EndColorStr='#f4f4f4');
}
 #wfPopupSign .wfSignButton input:checked+label.confirm
{
	border-color:#66CC33;
}
 #wfPopupSign .wfSignButton input:checked+label.cancel
{
	border-color:#CC0044;
}
 #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:#66CC33;
}
 #wfPopupSign .wfSignButton .cancel .kent-ico
{
	background-color:#CC0044;
}
 #wfPopupSign textarea
{
	width:100%;
	height:100px;
box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-width:1px;
	-moz-box-shadow: 0 0 10px #FFFFFF inset;
	-webkit-box-shadow: 0 0 10px #FFFFFF inset;
	box-shadow: 0 0 10px #FFFFFF inset;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#FFFFFF')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#FFFFFF');
	margin:0px;
	padding:3px;
	background-color:#FFFFFF;
	color:#445878;
}
 #wfPopupSign textarea:focus
{
	outline:none;
	border-color:#0066CC;
	background-color: #FFFDED;
	-moz-box-shadow:0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	-webkit-box-shadow: 0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	box-shadow: 0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='$$varKent_FORM_active_input_shadow_color')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='$$varKent_FORM_active_input_shadow_color');
}

/* ------------ Workflow - Dashboard ----------- */
.wfDash .team
{
	position:relative;
	margin-bottom:15px;
	border-bottom:1px dashed #66B5FF;
	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:#66B5FF;
	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:#445878;
	margin-bottom:10px;
	box-sizing:border-box;
}
.wfDash td>a>span
{
	vertical-align:middle;
	display:inline-block;
}
.wfDash td>a:hover
{
	background-color:#445878 !important;
	color:#ECECEC !important;
	text-decoration:none;
}
.wfDash td>a.green
{
	background-color:#66CC33;
	color:#FFFFFF;
}
.wfDash td>a.red
{
	background-color:#748CAF;
	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 .wfTeamMembers>li
{
	list-style-type:none;
	border-bottom:1px solid #66B5FF;
	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:#66B5FF;
}
.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:0;
	background-color:#66B5FF;
	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:#66B5FF;
	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(0,102,204,0.8);
	color:#FFFFFF;
	border-radius:0;
	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:#66B5FF;
}
 #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:#0066CC;

	background-color:rgba(0,102,204,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:#0066CC;
}
 #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:#0066CC;
	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:30px;
	display:none;
	z-index:11;
}
 #gedToolbox>.kent-ico
{
	font-size:30px;
	width:1em;
	height:1em;
	line-height:1em;
	position:absolute;
	top:24px;
	left:1px;
	color:#595959;
}
 #gedToolbox>.wrapper
{
	background-color:#f1f1f1;
	padding:0 !important;
	margin-left:-9px;
	min-height:120px;
	white-space:nowrap;
	width:auto;
	box-shadow:0 0 10px 0px #0B1B2D;
	border-right:13px solid #595959;
	display:table;
}
 #gedToolbox>.wrapper .loader
{
	width:300px;
	height:120px;
	line-height:120px;
	text-align:center;
}
 #gedToolbox>.wrapper>div
{
	display:table-cell;
	vertical-align:top;
	white-space:normal;
	width:auto;
	padding:29px 0px;
	margin:0;
}
 #gedToolbox .wrapper .tabs
{
	height:100%;
	width:2em;
	padding:16px 0;
	background-color:#595959;
	color:#A0A0A0;
	font-size:24px;
	text-align:right;
	box-sizing:border-box;
}
 #gedToolbox .tabs a
{
	width:1.3em;
	padding-left:0.3em;
	height:1.6em;
	line-height:1.6em;
	display:inline-block;
	background-color:inherit;
	color:inherit;
	border-top-left-radius:0.8em;
	border-bottom-left-radius:0.8em;
	margin-bottom:6px;
	text-align:center;
}
 #gedToolbox .tabs a:hover,  #gedToolbox .tabs a.active
{
	background-color:#f1f1f1;
	color:#737373;
}
 #gedToolbox .tabs a:hover
{
	opacity:0.8;
}
 #gedToolbox .tabs a.active:hover
{
	opacity:1;
}
 #gedToolbox .wrapper .img
{
	padding-left:29px;
	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 .wrapper>.contents
{
	width:335px;
	color:#494949;
	padding-right:24px;
	padding-left:24px;
	box-sizing:border-box;
}
 #gedToolbox .contents p
{
	margin-bottom:0;
	line-height:1.6em;
}
 #gedToolbox .contents hr
{
	border-bottom-style:solid;
}
 #gedToolbox .contents .title
{
	padding:0;
	margin-bottom:1em;
	font-weight:bold;
	color:#595959;
}
 #gedToolbox .contents .warning
{
	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:#2A2966;
	margin:10px auto;
	font-weight:bold;
}
 #gedToolbox .contents .button a:hover
{
	color:#FFFFFF;
	background-color:#AACCEE;
	text-decoration:none;
}
 #gedToolbox .contents ul
{
	margin:0;
}
 #gedToolbox .contents ul p.header
{
	border-bottom:1px solid #66B5FF;
	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:#2A2966;
	text-decoration:none;
}
 #gedToolbox .contents a.inactive
{
	font-style:italic;
	color:#66B5FF;
	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:#f1f1f1;}

 #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:#2A2966;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.done
{
	color:#FFFFFF;
	background-color:#66CC33;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.denied
{
	color:#FFFFFF;
	background-color:#748CAF;
}
 #gedToolbox .gedFlow .flowActions .kent-ico.inactive,.gedFlow .flowActions .kent-ico.disabled:hover
{
	font-style:normal;
	color:#66B5FF;
	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: 5,5px;
}
.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%;}
.contents .article .header .more
{
	position : absolute;
	left : -20px;
	top : 20px;
	width:auto;
	margin:0;
}

.dropBox
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background-color:#326F91;

	background-color:rgba(50,111,145,0.9);
	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:#326F91;
	
	background-color:rgba(50,111,145,0.9);
	padding:8px;
	box-sizing:border-box;
}
 #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.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
{
	text-align:justify;
	padding:0;
	width:100%;
	box-sizing:border-box;
}
 #menu_k2_nav>span
{
	display:inline-block;
	width:25%;
	text-align:center;
	position:relative;
	padding:0 1px;
	box-sizing:border-box;
	margin-bottom:-1px;
}
 #menu_k2_nav>span:first-child {padding-left:0;}
 #menu_k2_nav>span:last-child {padding-right:0;}
 #menu_k2_nav a
{
	display:block;
	font-size:21px;
	height:34px;
	line-height:34px;
	text-align:center;
	background-color:#F7F7F7;
	border:1px solid #E7E6E6;
	vertical-align:middle;
	color:#66B5FF;
	padding-top:3px;
}
 #menu_k2_nav a.inactive, #menu_k2_nav a.inactive:hover
{
	color:#f2f2f2;
	background-color:transparent;
}
 #menu_k2_nav a.active, #menu_k2_nav a:not(.inactive):hover
{
	color:#0066CC;
	border-top:4px solid #0066CC;
	padding-top:0px;
	
}
 #menu_k2 .menuWrapper
{
	position:relative;
	background-color:#F7F7F7;
}
 #menu_k2 .section
{
	position:absolute;
	background-color:inherit;
	border-right:1px solid #E7E6E6;
	width:100%;
	box-sizing:border-box;
	padding-top:5px;
}

 #menu_k2 h2
{
	font-size:20px;
	text-align:center;
	background-color:#0066CC;
	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 : #FF6B19 ;
	text-align : center;
	color : #FFFFFF;
	font-size : 9px;
	padding : 2px 5px;
	font-weight : normal;
	vertical-align:middle;
}

 #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:1px dotted #E7E6E6;
	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:#66B5FF;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}

/* ============ KentApps ========= */
 #kentApps
{
	text-align:left;
}
 #kentApps>.header h1
{
	margin-bottom:12px;
}
 #kentApps>.footer
{
	margin:0;
	border:0;
	text-align:right;
	font-size:0.8em;
}
 #kentApps .kentApp
{
	display:inline-block;
	width:310px;
	height:310px;
	text-align:left;
	border:1px solid #0066CC;
	position:relative;
	box-sizing:border-box;
	margin:0 12px 12px 0;
	vertical-align:top;
	
}


 #kentApps .kentApp.style-CX0
{
	border-color:#0066CC;
}

 #kentApps .kentApp.style-CX1
{
	border-color:#286179;
}

 #kentApps .kentApp.style-CX2
{
	border-color:#5C71A0;
}

 #kentApps .kentApp.style-CX3
{
	border-color:#333747;
}

 #kentApps .kentApp.style-Soleil
{
	background-color:#ECEEF1;
	border-color:#E0DCDC;
}
 #kentApps .kentApp.style-Night
{
	background-color:#383838;
	border-color:#000000;
	color:#CDCDCD;
}
 #kentApps .kentApp.style-Night a
{
	color:#B3D741;
}
 #kentApps .kentApp.style-Azur a
{
	color:#165ACB;
}
 #kentApps .kentApp.style-Azur
{
	border-color:#BEE1F3;
	color:#002c5a;
	background-color:#e2f0ff;
	background: linear-gradient(to bottom, #e2f0ff 0%,#95d1e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f0ff', endColorstr='#95d1e5',GradientType=0 );
}
 #kentApps .kentApp h3
{
	line-height:40px;
	height:40px;
	font-size:20px;
	background-color:#0066CC;
	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-CX0 h3
{
	background-color:#0066CC;
}

 #kentApps .kentApp.style-CX1 h3
{
	background-color:#286179;
}

 #kentApps .kentApp.style-CX2 h3
{
	background-color:#5C71A0;
}

 #kentApps .kentApp.style-CX3 h3
{
	background-color:#333747;
}
 #kentApps .kentApp.style-Soleil h3
{
	background-color:transparent;
	color:#0066CC;
}
 #kentApps .kentApp.style-Night h3
{
	background-color:#000000;
	color:#B3D741;
}
 #kentApps .kentApp.style-Azur h3
{
	background-color:transparent;
	color:#165ACB;
}
 #kentApps .kentApp ul
{
	padding:0 8px 8px;
	margin:0;
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
}
 #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:#66B5FF;
}
 #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 .settingsOpener:hover
{
	text-decoration:none;
	color:#66B5FF;
}
 #kentApps .kentApp .settingsOpener:before
{
	content:'D';
	font-family:kentika-std;
}
.loading #kentApps .kentApp .settingsOpener
{
	visibility:hidden;
}
 #kentApps li .title
{
	color:#0066CC;
	font-weight:bold;
}
 #kentApps .style-Night li .title
{
	color:#B3D741;
}
 #kentApps .style-Azur li .title
{
	color:#165ACB;
}


 #kentApps .style-CX0  li .title
{
	color:#0066CC;
}

 #kentApps .style-CX1  li .title
{
	color:#286179;
}

 #kentApps .style-CX2  li .title
{
	color:#5C71A0;
}

 #kentApps .style-CX3  li .title
{
	color:#333747;
}
 #kentApps li .details
{
	font-size:0.9em;
	color:#66B5FF;
}
 #kentApps .kentAppList ul,  #kentApps .kentAppTiles ul
{
	padding-bottom:20px;
}
 #main #kentApps .kentAppList li
{
	height:33%;
	overflow:hidden;
	padding-top:14px;
	margin:0;
	box-sizing:border-box;
	position:relative;
}
 #kentApps .kentAppList li a.figure
{
	display:block;
	position:absolute;
	top:17px;
	width:20%;
	padding-top:20%;
	height:0;	
}
 #kentApps .kentAppList li a.figure span
{
	display:none;
}
 #kentApps .kentAppList li a
{
	text-decoration:none;
	display:block;
}
 #kentApps .kentAppList li p
{
	margin-left:20%;
	padding-left:15px;
}
 #kentApps .kentAppList li .details
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
 #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;
}
 #kentApps .kentAppTiles>ul li
{
	width:50%;
	height:33.3%;
	display:inline-block;
	padding-top:8px;
	margin:0;
	box-sizing:border-box;
}
 #kentApps .kentAppTiles>ul li:nth-child(2n)
{
	padding-left:4px;
}
 #kentApps .kentAppTiles>ul li:nth-child(2n+1)
{
	padding-right:4px;
}
 #kentApps .kentAppTiles>ul li a
{
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
}
 #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 .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 .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
{
	margin-top:10px;
	overflow-y:auto;
	bottom:18px;
}
 #kentApps .kentAppCompact li:not(:first-child)
{
	border-top:1px solid #66B5FF;
	padding-top:5px;
}
 #kentApps .style-Night .kentAppCompact li:not(:first-child)
{
	border-top-color:#615A54;
}
 #kentApps .kentAppWfDash
{
	overflow:hidden;
	width:310px;
	height:310px;
}
 #kentApps .kentAppWfDash table
{
	width:100%;
	max-width:100% !important;
	margin:0 !important;
}
 #kentApps .kentAppWfDash table th
{
	width:50%;
}
 #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;
}
 #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
{
	position:absolute;
	bottom:4px;
	font-size:0.8em;
	left:8px;
	height:14px;
	line-height:14px;
	margin:0;
}
 #kentApps .kentAppCarouselRec .index .kent-ico
{
	margin-right:3px;
}
 #kentApps .style-Night .kentAppCarouselRec .index .kent-ico
{
	color:#000000;
}
 #kentApps .style-Night .kentAppCarouselRec .index .kent-ico.active
{
	color:#B3D741;
}
 #kentApps .style-Azur .kentAppCarouselRec .index .kent-ico
{
	color:#FFFFFF;
}
 #kentApps .style-Azur .kentAppCarouselRec .index .kent-ico.active
{
	color:#165ACB;
}
 #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:#66B5FF;
	overflow:hidden;
}
 #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:#0066CC;
	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:#0066CC;
	color:#FFFFFF;
	transform:skew(45deg,45deg);
}

 #kentApps .style-CX0 .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#0066CC;
}

 #kentApps .style-CX1 .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#286179;
}

 #kentApps .style-CX2 .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#5C71A0;
}

 #kentApps .style-CX3 .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#333747;
}
 #kentApps .style-Soleil .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#ECEEF1;
	color:#0066CC;
}
 #kentApps .style-Night .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#383838;
	color:#B3D741;
}
 #kentApps .style-Azur .kentAppKPThe>ul>li a>div:nth-child(2) label
{
	background-color:#e2f0ff;
	color:#165ACB;
}
 #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:#0066CC;
	color:#FFFFFF;
}

 #kentApps .style-CX0 .kentAppKPPrd>ul>li a:hover
{
	background-color:#0066CC;
}

 #kentApps .style-CX1 .kentAppKPPrd>ul>li a:hover
{
	background-color:#286179;
}

 #kentApps .style-CX2 .kentAppKPPrd>ul>li a:hover
{
	background-color:#5C71A0;
}

 #kentApps .style-CX3 .kentAppKPPrd>ul>li a:hover
{
	background-color:#333747;
}
 #kentApps .style-Night .kentAppKPPrd>ul>li a:hover {background-color:#000;}
 #kentApps .style-Azur .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:#66B5FF;
}
 #kentApps .kentAppHtmlContent
{
	height:100%;
}
 #kentApps .kentAppHtmlContent>div
{
	height:calc(100% - 40px);
	overflow:hidden;
}
 #kentApps .kentAppHtmlContent iframe
{
	height:100% !important;
	width:100% !important;
}

@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:#66B5FF;
}
/* ----------- Settings ------------ */
 #kentApps .kentApp .overlay
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9;
	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:#66B5FF;
}
 #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:#66B5FF;
}
 #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 .k_button
{
	float:right;
	margin-top:5px;
	vertical-align:middle;
	margin-left:3px;
}
 #kentApps .kentApp .kentApps_order input[type="submit"]
{
	height:24px;
	text-align:center;
	width:30px;
}
 #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 dashed #66B5FF;
	text-align:center;
}
 #kentApp_settings p
{

}
 #kentApp_settings label
{
	width:190px;
	padding-right:10px;
	font-weight:bold;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	line-height:40px;
}
 #kentApp_settings input+label
{
	width:auto;
	padding-left:10px;
	text-align:left;
	font-weight:normal;
}
 #kentApp_settings label+span
{
	line-height:40px;
	display:inline-block;
	vertical-align:top;
}
 #kentApp_settings textarea, #kentApp_settings input[type=text], #kentApp_settings input[type=file], #kentApp_settings input[type=password]
{
	width: 400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-width:1px;
	-moz-box-shadow: 0 0 10px #FFFFFF inset;
	-webkit-box-shadow: 0 0 10px #FFFFFF inset;
	box-shadow: 0 0 10px #FFFFFF inset;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#FFFFFF')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#FFFFFF');
	margin:0px;
	padding:3px;
	background-color:#FFFFFF;
	color:#445878;
}

 #kentApp_settings textarea[disabled], #kentApp_settings input[type=text][disabled], #kentApp_settings input[type=file][disabled], #kentApp_settings input[type=password][disabled], #kentApp_settings textarea[readonly], #kentApp_settings input[type=text][readonly], #kentApp_settings input[type=file][readonly], #kentApp_settings input[type=password][readonly]
{
	color:#66B5FF;
	background-color:#FFFFFF;
}
 #kentApp_settings textarea:focus, #kentApp_settings input[type=text]:focus, #kentApp_settings input[type=file]:focus, #kentApp_settings input[type=password]:focus
{
	outline:none;
	border-color:#0066CC;
	background-color: #FFFDED;
	-moz-box-shadow:0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	-webkit-box-shadow: 0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	box-shadow: 0 0 10px 2px $$varKent_FORM_active_input_shadow_color inset;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='$$varKent_FORM_active_input_shadow_color')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='$$varKent_FORM_active_input_shadow_color');
}
 #kentApp_settings textarea
{
	resize:vertical;
	height:80px;
	font-size:1em;
}
 #kentApp_settings input[readonly]:not(.k_select *), #input textarea[readonly]
{
	color:#66B5FF;
	background-color:#FFFFFF;
	font-style:italic;
}
 #kentApp_settings input[type=text], #kentApp_settings input[type=file], #kentApp_settings input[type=password]
{
	height:40px;
	line-height:21px;
}
 #kentApp_settings .info
{
	font-size:0.8em;
	font-style:italic;
	color:#EC8B00;
}


/* ========== Default Carousel ========== */
 .kentiCarousel
{
	width:100%;
	overflow:visible;
	position:relative;
	margin:10px 0px;
}
 .kentiCarousel .arrow
{
	font-size:30px;
	width:30px;
	height:30px;
	position:absolute;
	top:calc(50% - 30px);
	z-index:3;
	cursor:pointer;
}
 .kentiCarousel .prev {left:0px;}
 .kentiCarousel .next {right:0px;}
 .kentiCarousel ul
{
	width:aut;
	height:100%;
	overflow:hidden;
	margin:0px 30px !important;
	padding:0px;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 .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, .kentiCarousel.Captions li a
{
	display:block;
}
 .kentiCarousel li .img
{
	vertical-align:middle;
	padding:0px 4px !important;
	height:100%;
	overflow:hidden;
	width:40%;
	box-sizing:border-box;
}
 .kentiCarousel.noText li span.img, .kentiCarousel.Captions li span.img, .kentiCarousel.Hover li span.img, .kentiCarousel.fullWidth li span.img
{
	display:block;
	width:100%;
	height:100%;
	padding:0 !important;
}
 .kentiCarousel.Hover li span.img, .kentiCarousel.fullWidth li span.img
{
	position:absolute;
	top:0;
	left:0;
	transition:top 0.3s, left 0.3s, transform 0.3s;
	transform-origin:0% 0%;
}
 .kentiCarousel.Hover li:hover span.img
{
	transform:rotateX(90deg);
	left:0;
}
 .kentiCarousel li .img img
{
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
 .kentiCarousel.Hover li .img img, .kentiCarousel.fullWidth li .img img
{
	max-height:none;
	max-width:none;
}
 .kentiCarousel li .title
{
	padding:0px !important;
	line-height:1.2em;
}
 .kentiCarousel.noText li .title
{
	display:none;
}
 .kentiCarousel.Captions li .title
{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:3px;
	box-sizing:border-box;
	max-height:20%;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	transition:max-height 0.3s;
}
 .kentiCarousel.Captions li:hover .title
{
	max-height:100%;
}
 .kentiCarousel.Hover li .title
{
	display:inline-block;
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:1.1em;
}
 .kentiCarousel.fullWidth li .title
{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	padding:5px !important;
	box-sizing:border-box;
	font-size:1.3em;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	width:70%;
	line-height:inherit;
}
 .kentiCarousel.fullWidth li .title>span
{
	display:inline-block;
	line-height:1.2em;
	vertical-align:middle;
}
 .kentiCarousel li .text
{
	display:none;
}
 .kentiCarousel.fullWidth li span.text
{
	display:block;
	font-size:0.7em;
	margin-top:5px;
}

/* ===== 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;
}
.contents .article .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;
}