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

background-image : none;

background-attachment:fixed;
}

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

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

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

 #bgImg
{
width:100%;
height:100vh;
background-size:cover;

position:absolute;
top:0;
left:0;
}
/*
 #bgImg:after
{
content:'';

background: linear-gradient(to bottom,  rgba(245,245,246,0) 0%,rgba(245,245,246,0) 69%,rgba(245,245,246,1) 100%);
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
*/

.wrapper.shadow {

-moz-box-shadow: 0 0 0 0 rgba(102,102,102,0);
-webkit-box-shadow: 0 0 0 0 rgba(102,102,102,0);
box-shadow: 0 0 0 0 rgba(102,102,102,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 : 35px;
background-color : #FFFFFF;

color : #6F7381;
position:relative;
position:sticky; top:0px;width : 100%;
z-index:9;
font-size : 1.25em;
box-sizing:border-box;
padding:0 15px;
display:flex;
justify-content:space-between;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
#main-top-bar {
position:fixed; top:0px;width : 100%;
}
}
 #main-top-bar>ul {
margin:0;
}
 #main-top-bar>ul>li {
display:inline-block;
max-height:35px;
line-height:35px;
position:relative;
vertical-align:top;
font-family:Raleway;
font-weight:bold;
}
 #main-top-bar>ul>li>a {
color:inherit;
height : 35px;
line-height : 35px;
display:block;
text-align:center;
font-weight:inherit;
font-family:inherit;
}
 #main-top-bar>ul>li>a>span {
padding:0 10px;
}
 #main-top-bar>ul>li:hover>a {
color:#2F77B7;
text-decoration:none;
}
 #main-top-bar>ul>li>a.button {
color : #FFFFFF;
background-color : #6F7381;
border-radius:3px;
border:none;
height:auto;
min-width:0;
line-height:calc(.8 * 35px);
padding:0 5px;
display:inline-block;
}
 #main-top-bar>ul>li>a.button:hover {
background-color : #2F77B7;
}
 #main-top-bar>ul>li>a.kent-ico, #main-top-bar .avatar {
font-size:24px;
width:35px;
font-weight:normal;
}
 #main-top-bar .topbarMenu {
position:absolute;
top:35px;
left:calc(35px * -.7);
line-height:1.5;
color : #FFFFFF;
font-size:13px;
width : 260px;
background-color : #6F7381;
box-shadow: 0 0 5px rgba(0,0,0,.2);
margin-top:-3px;
border-radius:3px;
padding:6px 0 12px;
font-family:SourceSans, Arial, sans-serif;
font-weight:500;
}
 #main-top-bar ul:nth-child(2) .topbarMenu {
left:auto;
right:calc(35px * -.7);
 }
 #main-top-bar ul:first-child li:first-child .topbarMenu {
left:0;
}
 #main-top-bar ul:nth-child(2) li:last-of-type .topbarMenu {
right:0;
}
 #main-top-bar .topbarMenu p {
line-height:2em;
margin:0;
font-family:inherit;
}
 #main-top-bar .topbarMenu>p.header {
padding:0 12px 6px;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-align:center;
margin-bottom:5px;
}
 #main-top-bar .topbarMenu p a, #main-top-bar .topbarMenu p span, #main-top-bar .topbarMenu form {
padding:0 12px;
}
 #main-top-bar .topbarMenu p a {
color:inherit;
display:block;
}
 #main-top-bar .topbarMenu p a:hover {
text-decoration:none;
background-color:#32374A;
color:#FFFFFF;
}
 #main-top-bar .topbarMenu hr {
height:0;
border-bottom : 1px solid #FFFFFF;
margin:5px 0;
}
#main-top-bar .super-menu>div {max-height:calc(100vh - 35px - (2 * 15px))}
/* -------- Specifics topBar ------- */
 #main-top-bar .lang img {
max-width:calc(2 * 24px);
max-height:calc(24px - 4px);
vertical-align:middle;
}
 #main-top-bar .lang>a {
padding:0 calc((35px - 24px) / 2);
}
 #main-top-bar .lang>a>img {
margin-top:-4px;
}
 #main-top-bar .lang .topbarMenu {
width:auto;
}
 #main-top-bar .lang .topbarMenu li {
list-style-type:none;
margin-bottom:5px;
white-space:nowrap;
}
 #main-top-bar .lang .topbarMenu li img {
margin-right:10px;
}
 #main-top-bar .lang .topbarMenu li a {
color:inherit;
display:block;
}
 #main-top-bar .lang .topbarMenu li a:hover {
text-decoration:none;
background-color:#32374A;
color:#FFFFFF;
}
 #main-top-bar .avatar div {
width:1em;
height:1em;
display:block;
position:absolute;
top:calc(50% - .5em);
left:calc(50% - .5em);
}
 #main-top-bar .basket-list p {
position:relative;
}
 #main-top-bar .basket-list .actions {
position:absolute;
right:0;
top:0;
}
 #main-top-bar .basket-list .actions a {
display:inline;
padding:0;
margin-left:5px;
font-size:16px;
}
.topbarSupermenu {
font-family:Raleway;
font-weight:bold;
}
.topbarSupermenu>a {
padding:0 10px;
}


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


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

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

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

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

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

.main-tabs ul {
margin : 0;
padding : 0;

/* { IF Tabs_align == right } float : right; {/IF} */
float : right;

/* { IF Tabs_align != right AND Tabs_align != left } margin-right : 180px;*/ /* VarK Tabs_align {/IF} */

}

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

.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 : #CFD8DC;
height : 24px;
line-height : 24px;
padding-left : 20px;
padding-right : 20px;

background-color: #2F77B7;

border-top-left-radius : 0;
border-top-right-radius : 0;
margin-top:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.main-tabs a:hover {
text-decoration : none;
margin-top:0px;
padding-bottom:0px;
}
 .main-tabs .active a
{
max-width:100%;
}
.main-tabs .active a, .main-tabs a:hover {

/* {IF VarK Tabs_gradient__hover_bottom_color != Tabs_gradient__hover_top_color} */

background-color: #2F77B7;
color : #FFFFFF; /*  VarK Tabs_hover_text_color */
margin-top:0px;
height:24px;
}
.main-tabs.above {
display : none;
z-index:1;
}

/* -----------------------------
   Bandeau image entête
-------------------------------- */
 #head-image {
display : block;
height : 95px;
font-family:Raleway;
background-image : none;
background-repeat : repeat-x;
background-position : center center;
background-color:#2F77B7;
background-size:auto;
position:relative;
}

 #head-image .shadow{
display : block;
height : 95px;
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:-24px;
min-height:24px;
position:relative;
}

 #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 : 95px;
width:100%;
}

 #head-image h1{
position:absolute;
left : 35px;
bottom : 2px;
width:auto;
color : #FFFFFF;
font-weight : 120;
font-size: 2.4em;
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:95px;
}
 #head-image #head-logo img
{
vertical-align:middle;
margin:0px 10px;
max-height:90%;
max-width:90%;
}

 #head-image .quickSearchImage {
position:absolute;

width:60%;
max-width:800px;
min-width:300px;
right:5%;




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

/* -------------------------------------------------------------- 
   Barre Menu haut
-------------------------------------------------------------- */
 #main-menu {
font-size : 1em;
color : #000000;

background-color: #2F77B7;

height : 50px;
line-height : 50px;
padding-top: 0;




position : relative;

display:flex;
gap:16px;
justify-content:space-between;
align-items:stretch;
width:100%;
}

 #main-menu ul.menuTop
{




padding : 0;
margin : 0;
}

 #main-menu .menuTop>li{

display : table-cell;
list-style : none;
vertical-align:top;
text-align:center;
max-width:100%;

}
 #main-menu .menuTop>li.home
{

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

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

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

 #main-menu .menuTop>li
{
max-width:100%;

}
 #main-menu li.spacer
{
width:4px;
text-align:center;

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

}

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

padding:0;
text-align:center;
}

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

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

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

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



 #main-menu .caddie>a{
width : auto;
display : block;
color : #000000;
font-size : 0.9em;
height : 50px;
line-height : 50px;
background-position : right center;
white-space:nowrap;
}
 #main-menu .caddie>a span
{
display:inline-block;
vertical-align:middle;
line-height:1.4em;
}
 #main-menu .caddie a .kent-ico{
color : #000000;
width:34px;
text-align:center;
font-size:1.5em;
}
 #main-menu .caddie .popup
{
width:220px;
}
 #main-menu .caddie .popupMenu ul {
margin:0 10px;
line-height:1.5;
}
 #main-menu .caddie .popupMenu li
{
display:flex;
gap:4px;
list-style-type:none;
justify-content:space-between;
align-items:flex-start;
}
 #main-menu .caddie .popupMenu li a:not(:hover)
{
color:inherit;
}
 #main-menu .caddie .popupMenu li .actions
{
flex:0 0 auto;
margin-top:2px;
}

 .super-menu {
display:none;
position:absolute;
z-index:2;
width:100vw;
max-width:calc(4 * 187px + 3 * 15px);
color : #6A7185;
font-size : 1em;
background-color: #FFFFFF;
margin-top:-3px;
line-height:2em;
text-align:left;
flex-flow:row wrap;
padding:15px;
font-weight:100;
box-shadow:2px 5px 5px 0 rgba(0,0,0,.3);
box-sizing:content-box;
overflow:hidden;
border:0 solid #787f8b;
}
 .hover .super-menu {
display:flex;
}
.super-menu>div {
width:187px;
box-sizing:border-box;
border-right:1px solid #ADAFB7;
padding-right:15px;
margin-right:15px;
padding-bottom:1em;

}
.super-menu>div:first-child:last-child, .super-menu>div:nth-child(2):last-child,.super-menu>div:nth-child(3):last-child, .super-menu>div:nth-child(4n) {
border-right:none;
padding-right:0;
margin-right:0;
}
.super-menu h3, .search-menu h3 {
font-family:SourceSans, Arial, sans-serif;
font-weight:bold;
color : #6A7185;
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:#32374A;
}

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

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

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

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

}
.no-left-col.no-right-col #mainCol:not(.ajax)>.contents:not(#homePage):not(.fullPageW),.no-left-col.no-right-col #homePage>*:not(.fullPageW) {
width:1200px;
margin-left:auto;
margin-right:auto;

box-sizing:border-box;
padding-left:0;
padding-right:0;
}
.no-left-col.no-right-col #mainCol>.fullPageW .pageW,.no-left-col.no-right-col #homePage>*.fullPageW .pageW {
width:1200px;
margin:auto;

box-sizing:border-box;
}
}

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

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

 #leftCol{
width : 220px;
background-color:#FFFFFF;
color:#000000;
font-family:SourceSans, Arial, sans-serif;
padding-top:10px;
display:flex;
flex-direction:column;
justify-content:flex-start;

border-right:none;

}
 #leftCol h3
{
color : #2A2E34;
margin-top : 0;
padding : 0px 5px;
margin-bottom : 5px;
font-size : 2em; /* Col_right_title_font_size */
text-align:center;
}
 #left_resize
{
display:none;
position:absolute;
width:5px;
top:0;
bottom:0;
left:0;
text-align:center;
font-size:20px;
color:#EAEBED;
cursor:col-resize;
margin:0 10px;
}
 #left_resize span:not(.kent-ico)
{
position:absolute;
left:2px;
top:0;
bottom:0;
width:1px;
background-color:#ADAFB7;
display:none;
}
 #left_resize:hover
{
color:#ADAFB7;
}
 #left_resize:hover span
{
display:block;
}
 #leftCol>.footer {
margin-top:auto;
padding:1em 10px;
text-align:center;
color:#6F7381;
}
 #leftCol>.footer>h5 {
margin:0;
line-height:1.2em;
font-family:Raleway;
font-size:1.2em;
}
/* ---------- Colonne droite ----------- */

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

}

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

/*
 .pageContent
{
background-color:transparent;
box-shadow:0 3px 4px rgba(0,0,0,.1);
padding:18px 12px;
border-radius:0;
border:1px solid #EFEFEF;
}

*/

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

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

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

 #footer a:hover{
color : #2F77B7;
}

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

/* ------------- Copyright ---------------- */
 #copyright {
font-size : 0.85em;
font-family : SourceSans, Arial, sans-serif;
display : block;
line-height : 32px; 
background-color : #6F7381;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
text-align:right;
padding:0 20px;
color : #FFFFFF;
position:relative;
}

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

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

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

 #leftCol li{
min-height : 22px;
line-height : 22px;
list-style : none;
display : block;
margin : 0;
padding : 0;
padding-bottom : 1px;
padding-top : 1px;
text-align : right;
color : #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:transparent;

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


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

}

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

/* Fleche */
 #leftCol li>a>span, #leftCol li>span{
display : block;
line-height:2.15em;
padding-right:23px;
/*
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
*/
}
/* #leftCol li.more>a>span{
padding-right:0px;
}*/
 #leftCol li.more>a>span:before{
font-family:kentika2-webfont;
display:inline-block;
width:23px;
height:1em;
line-height:1em;
text-align:center;
font-size:0.6em;
position:absolute;
top:1.5em;
right:0;
content:"K";
color:#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;
z-index:5;
}
 #leftCol ul.hieraMenu li.more li.title
{
color : #FFFFFF;
text-align : left;
padding-left : 12px;
font-weight:bold;
padding-top:10px;
}
 #leftCol ul.hieraMenu li.more ul hr
{
border-bottom:1px dashed #6B6B6B;
}

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

background-color: #212121;













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

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

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

 #leftCol ul.hieraMenu li:hover>ul>li:hover>a,#leftCol li.over>ul>li.over>a, #leftCol li.active>li.active>a{
color : #FFFFFF;
background-color : #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;
}

/* --------- 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:transparent;
padding-left : 12px;

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

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

 #rightCol li a:hover,#rightCol li.over a{
text-decoration : none;
background-color : #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;
box-sizing:border-box;
}
 #menu_folderView li>a>span
{
display:inline-block;
}
 #menu_folderView a>.caret
{
vertical-align:middle;
padding:0;
color:#ADAFB7;
}
 #menu_folderView a>.caret::after
{
font-size:10px;
width:1em;
height:1em;
line-height:1em;
display:inline-block;
padding:0;
color:inherit;
content:'K';
font-family:kentika2-webfont;
margin-right:5px;
}
 #menu_folderView li.opened>a>.caret::after
{
content:'J';
}
 #menu_folderView a .kent-ico
{
font-size:.8em;
display:inline-block;
vertical-align:middle;
padding:0;
color:inherit;
}
 #menu_folderView a>.kent-ico
{
font-size:1.8em;
line-height:1em;
color:#6F7381;
margin-right:5px;
width:1em;
height:1em;
line-height:1em;
}
 #menu_folderView .role-visit a>.kent-ico {--color:none;--stroke:currentColor;}
 #menu_folderView .role-contrib a>.kent-ico {--color:currentColor;--stroke:none;}
 #menu_folderView .role-admin a>.kent-ico {--color:#e00000;--stroke:none;}

 #menu_folderView .lib
{
padding:0;
vertical-align:middle;
text-overflow:ellipsis;
overflow:hidden;
width:calc(100% - 1.8em - 20px);
}
 #menu_folderView .lib input
{
width:calc(100% - 2.15em);
}
 #menu_folderView a>.optionsTrigger
{
display:none;
position:absolute;
right:0;
top:calc(50% - 11px);
margin:0;
transform:rotateZ(90deg);
height:24px;
width:24px;
text-align:center;
font-size:1em;
line-height:24px;
}
 #menu_folderView li:not(.noOptions)>a:hover {
padding-right:24px;
}
 #menu_folderView li:not(.noOptions)>a:hover .optionsTrigger
{
display:block;
}
 #menu_folderView li.active>a .optionsTrigger
{
background-color:inherit;
color:inherit;
}
 #menu_folderView li .options
{
position:absolute;
top:-10px;
left:100%;
padding:10px 0;
color : #FFFFFF;
background-color: #212121;



-moz-box-shadow: 0 0 5px -1px #909090; -webkit-box-shadow: 0 0 5px -1px #909090; box-shadow: 0 0 5px -1px #909090; background-image: linear-gradient(top, #212121,  #212121); box-shadow: 0 0 5px -1px #909090; 
z-index:1;
}
 #menu_folderView li .options::before
{
content:' ';
width:0;
height:0;
border-width: 7px 6px 7px 0;
border-color:transparent #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:1em;
line-height:1em;
font-size:0px;
position:absolute;
color:#000000;
top:calc(50% - (0px / 2));
right:5%;
pointer-events:none;
opacity:0.05;
--kentika-pyramid:currentColor;
--kentika-top:transparent;
--kentika-middle:transparent;

}

/* ----------- ToolsE ------------- */
td.last .basket-add
{
display:block;
position:static;
z-index:auto;
}
 #main .last .basket-add li
{
padding:0px 5px;
height:auto;
}
 #main .last .basket-add li a
{
display:inline;
background:transparent;
padding-left:0px;
color:#6F7381;
}
 #main .last .basket-add li a:hover
{
text-decoration:underline;
color:#32374A;
}
td.last .basket-add .add a.kent-ico
{
font-size:18px;
vertical-align:bottom;
}
td.last .basket-add .add a.kent-ico:hover
{
color:#26BF45;
}
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:#2F77B7;
border-top-left-radius:10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
}
 #rightCol .list h5 a
{
color: #000000;
}
 #rightCol .list
{
margin-bottom:20px;
}
 #rightCol .list ul
{
border:2px solid #2F77B7;
border-right-width:0px;
border-bottom-width:0px;
padding-bottom:7px;
}
 #rightCol .list ul:last-child
{
border-bottom:2px solid #2F77B7;
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 #6F7381;
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: #6F7381;
font-style:italic;
font-size:0.9em;
padding-left:23px;
}
/* ---- iframe in right column ---- */
 #FlashSurvey
{
color:#000000;
}
/* ------- KP - ProductsList ------ */
 #lastPrds
{
margin-bottom:10px;
}
 #lastPrds a
{
text-decoration:none;
}
 #lastPrds li
{
position:relative;
padding-left: 55px;
padding-right:5px;
min-height:55px;
margin-bottom:5px;
}
 #lastPrds li.right
{
padding-left:5px;
padding-right:55px;
text-align:right;
}
 #lastPrds img
{
max-width:50px;
max-height:50px;
vertical-align:middle;
}
 #lastPrds .nb, #lastPrds .img
{
position:absolute;
display:block;
width:50px;
height:50px;
line-height:50px;
top:0;
left:2px;
text-align:center;
padding:0;
margin:0px !important;
}
 #lastPrds .right .nb, #lastPrds .right .img
{
right:2px;
left:auto;
}
 #lastPrds .nb
{
font-size:20px;
color:#fff;
background-color:#2F77B7;
background-color:rgba(0,0,0,0.4);
}
 #lastPrds .name
{
margin:0;
font-weight:bold;
}
 #lastPrds a:hover .name
{
color:#32374A;
}
 #lastPrds .date
{
margin:0;
font-style:italic;
}

/* --------------------------
   Fil d'ariane
---------------------------- */
 #breadcrumb {
position : absolute;
box-sizing:border-box;
top :0;
width:100%;
font-size : 0.9em;

}
 #breadcrumb.fullPageW .pageW {
padding-right:0;
padding-left:0;
}
/*
 #contentsWrapper.no-left-col #breadcrumb.fullPageW .pageW {
padding-left:25px;
}
*/
@media screen and (max-width:0px) {
#contentsWrapper.no-right-col #breadcrumb.fullPageW .pageW {
padding-right:25px;
}
#contentsWrapper.no-left-col #breadcrumb.fullPageW .pageW {
padding-left:25px;
}
}
 #breadcrumb ul{
margin : 0;
padding : 0;
}
 #breadcrumb li{
display:inline-block;
list-style:none;
height:24px;
line-height:24px;
color:#B5BFCB;
padding:0 5px;
}
 #breadcrumb li:first-child{
padding-left:0;
}
 #breadcrumb li.sep {
font-size:12px;
}

 #breadcrumb li a{
color:inherit;
}

 #breadcrumb li a span{
display : none;
}

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

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

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

.contents a:hover {
color : #32374A;
}

.contents a:active {
color : #6F7381;
}
/* -------------------------
Submenu
--------------------------- */
 #mainCol .submenu {
position:absolute;
right:0;
z-index:2;
padding:5px 0;
font-size:16px;
margin-top:-.2em;
}
 #mainCol .submenu~.popup {
right:0;
z-index:2;
margin-top:-.2em;
}
 #mainCol .submenu>a, #mainCol .submenu>span {
display:block;
min-width:200px;
color:inherit;
padding:0 12px;
line-height:2em;
}
 #mainCol .submenu>a:hover {
color:#FFFFFF;
background-color:#6F7381;
text-decoration:none;
}
 #mainCol .submenu a.inactive, #mainCol .submenu a.inactive:hover {
font-style:italic;
color:#6F7381;
background-color:inherit;
cursor:not-allowed;
}
 #mainCol .submenuVisible {
font-size:1.6em;
color:inherit;
line-height:1;
height:1em;
}
 #mainCol .submenuVisible a.kent-ico {
color:inherit;
}
 #mainCol .submenuVisible .showsub2{
margin-left:.6em;
}
 #mainCol .submenu .loader .circleLoader {
position:static;
margin:15px;
}
/* ------- CONTENTS HEADER ------- */
h1.titlebar,h2.titlebar {
color : #000000;
background-color : #B8E6E6;
border-radius: 0;
margin-bottom:10px;
overflow:hidden;
padding:0 17px;
font-size : 1.3em;
font-weight:bold;
line-height:2em;
height:2em;
overflow:hidden;
white-space:nowrap;
position:relative;
width:100%;
box-sizing:border-box;
display:flex;
gap:8px;
}
h2.titlebar {
color : #000000;
background-color : #EaEbED;
}
.contents h1.titlebar,.contents h2.titlebar {
font-size : 1.3em;
}
h1.titlebar span,h2.titlebar span {
flex:0 1 auto;
overflow:hidden;
text-overflow:ellipsis;
}
h1.titlebar span:nth-last-child(2),h2.titlebar span:nth-last-child(2) {
flex:1 1 0;
}
h1.titlebar span:nth-child(2):not(.nbRec),h2.titlebar span:nth-child(2):not(.nbRec) {
font-size : 1em;
padding-left : 5px;
font-weight:normal;
}
h1.titlebar .nbRec,h2.titlebar .nbRec {
flex:0 0 auto;
padding-left:10px;
}
h1.titlebar a,h2.titlebar a {
color:inherit;
font-weight:inherit;
}
.contents .hgroup {
display : block;
height :2em;
font-size:1.3em;
line-height :2em;
color : #000000;
background-color : #B8E6E6;
border-radius: 0;
padding : 1px 17px;
position : relative;
margin-bottom:10px;
overflow:visible;
}
.contents .hgroup.sub {
color : #000000;
background-color : #EaEbED;
margin-top:10px;
}
.contents .hgroup.sub h1 {
color : inherit;
}

.contents .hgroup>a.kent-ico {
color : #000000;
background-color:inherit;
display : block;
width : 17px;
height :  17px;
line-height :  17px;
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 : #000000;
}

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

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

padding : 0;
margin : 0;
}

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

 #main .contents .header .submenu.active {
display :table;
background-color : #FFFFFF;
white-space : nowrap;
line-height : 40px;
font-size : 24px;
color : #ADAFB7;
border-bottom:solid 1px #ADAFB7;
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  : 2;
position : absolute;
top : 32px;
right : 10px;
}

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

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

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

}

 #main .contents .header .submenu.active a:active, #main .contents .header .submenu.active a.active {
color : #6F7381;
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:#ADAFB7;
cursor:pointer;
vertical-align:middle;
height:22px;
font-size:22px;
line-height:22px;
width:22px;
}
 #mainCol .contents .instructions a.kent-ico:hover
{
color:#6F7381;
text-decoration:none;
}
.instructionsPopup
{
display:none;
position:absolute;
width:544px;
padding:0px;
font-size:11px;
line-height:1.5em;
}
.instructionsPopup div:first-child
{
background-color:#EDF4FB;
position:relative;
min-height:200px;
color:#a0a0a0;
padding:10px 0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.instructionsPopup div:first-child>p:first-child
{
font-size:32px;
line-height:100%;
position:absolute;
color:#e00000;
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:#e00000 !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:100vw;
height:100vh;
background-color:transparent; /* for browsers that don't support rgba colors */
background-color:rgba(0,0,0,0.6);
z-index:1000;
display:flex !important;
justify-content:center;
align-items:center;
transition:all .3s;
}
 #modalPopup.hide {
background-color:rgba(0,0,0,0);
pointer-events:none;
}
 #modalPopup>div.contents
{
background-color:#EFEFEF;
color:#000000;
border-radius:5px;
overflow:auto;
width:400px;
min-height:100px;
box-sizing:border-box;
padding:10px 20px !important;
font-size:1em !important;
transition:all .3s;
position:relative;
max-width:calc(100vw - 30px);
max-height:calc(100vh - 30px);
}
 #modalPopup.hide>div.contents {
transform:translateY(-100vh);
}
 #modalPopup>.contents>.loader {
width:100%;
height:100%;
}
 #modalPopup .closePopup {
position:absolute;
top:8px;
right:8px;
color:#FFFFFF;
font-size:12px;
height:1em;
width:1em;
line-height:1em;
padding:4px;
border-radius:4px;
background-color:rgba(0,0,0,.6);
}
 #modalPopup .closePopup:hover {
color:#E8CE6A;
}
 #modalPopup .header
{
font-weight:bold;
font-size:1em;
background-color: #2F77B7;
color:#FFFFFF;
width:100%;
padding:10px 20px;
margin:-10px -20px 16px -20px;
}
 #modalPopup .header.error {background-color:#E8CE6A;}
 #modelPopup .header.warning {background-color:#F09C3D;}
 #modalPopup .header.info {background-color:#26BF45;}

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

span.highlight
{
color:#e00000;
font-weight:bold;
background-color:transparent;
font-style:normal;
text-decoration:none;
}
/* --------- Contextual Help ---------- */
 #help .signal {
position:absolute;
top:calc(100% + .2em);
left:calc(50% - .5em);
font-size:100px;
width:1em;
height:1em;
border-radius:50%;
color:#E8F4FA;
background-color:currentColor;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
animation:bounce 2s infinite;
}
 #help .signal::before {
content:' ';
display:block;
position:absolute;
top:-.15em;
left:calc(50% - .1em);
width:0;
height:0;
border-style:solid;
border-color: transparent transparent currentColor transparent;
border-width:0 .1em .2em .1em;
}
 #help .signal .kent-ico {
font-size:.8em;
width:1em;
height:1em;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
}
 #homePage .quickSearch p.more
{
text-align:right;
margin:0px 13px 0px 0px !important;
font-size:1em;
}
 #homePage .quickSearch .more *
{
color:#6F7381;
}
 #homePage .quickSearchImage:not(.transparent) {
background-size:cover;
background-position:center center;
padding-top:120px !important;
padding-bottom:120px !important;
background-color:#173B5B !important;background-blend-mode:screen

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

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

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

.contents #main-image .image .bottom.transparent {
background-color: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
background-color: rgba(0, 0, 0, 0.6);
}
/* ----------- PageOptions ------------ */
 #main .contents .pageoptions {
color : #ADAFB7;
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 : #ADAFB7;
}
/* ----------------- Collaboratif ---------------------- */
 #main .contents .header .settings .role
{
font-weight:bold;
line-height:27px;
}
.contents .team
{
position:relative;
padding:20px 0px;
}
/* --------------- KP - Themes ---------- */
 #myThemes
{
text-align:center;
}
 #myThemes>div
{
display:inline-block;
width:150px;
height:150px;
margin:3px;
background-size:cover;
background-color:#2F77B7;
vertical-align:top;
position:relative;
}
 #myThemes>div>a
{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
 #myThemes>div label
{
font-size:1.3em;
display:block;
position:absolute;
background-color:#333;
background-color:rgba(0,0,0,0.4);
color:#fff;
font-weight:bold;
width:100%;
text-align:center;
padding:5px;
bottom:0;
left:0;
box-sizing:border-box;
}
 #myThemes>div .caption
{
opacity:0;
height:100%;
width:100%;
text-align:center;
backface-visibility:hidden;
overflow:hidden;
background-color:#212121;
color : #FFFFFF;
line-height:150px;
position:absolute;
top:0;
left:0;
transition: transform 0.3s, opacity 0.3s;
}
 #myThemes>div:hover .caption
{
opacity:1;
transform:translate(10px,-10px);
display:block;
}
 #myThemes>div .caption>div
{
display:none;
line-height:1.3em;
vertical-align:middle;
padding:5px;
background-color:inherit;
}
 #myThemes >div .caption:hover>div
{
display:inline-block;
}
 #myThemes>div .caption p
{
margin:0px;
}
 #myThemes>div .caption .header
{
font-size:inherit
font-weight:bold;
margin-top:0px;
margin-bottom:5px;
}
 #myThemes>div .count
{
position:absolute;
bottom:0px;
left:0px;
background-color:inherit;
padding:5px 0px;
width:100%;
}
 #myThemes>div .num
{
padding:0px 10px;
background-color:#32374A;
color : #FFFFFF;
border-radius:0.5em;
}
 #main #myThemes .button:hover
{
color:#000000;
background-color:#B8E6E6;
text-decoration:none;
}
 #myThemes .button .kent-ico
{
font-size:1.5em;
color:inherit;
vertical-align:bottom;
margin-right:5px;
}

 #homeThemes {
display:flex;
gap:32px;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
}
 #homeThemes>a{
text-align:center;
flex:0 0 150px;
color:inherit;
transition:transform .3s;
}
#homeThemes>a:hover{
text-decoration:none;
transform:scale(1.1);
}
 #homeThemes>a>div{
object-fit:contain;
width:100%;
height:150px;
position:relative;
margin:auto;
}
 #homeThemes>a>div.noImg{
background-color:#2F77B7;
}
 #homeThemes>a:not(.back)>div .kent-ico{
font-size:20px;
color:#FFFFFF;
background-color:#2F77B7;
border-radius:16px;
line-height:1;
position:absolute;
bottom:8px;
right:8px;
}
 #homeThemes>a.back>div .kent-ico{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
display:flex;
justify-content:center;
align-items:center;
font-size:calc(150px * .6);
background-color:rgba(0,0,0,.6);
color:#ffffff;
}
 #homeThemes>a.back+span{
width:0;
height:0;
border-style:solid;
border-width:calc(150px / 3) 0 calc(150px / 3) 16px;
border-color:transparent transparent transparent currentColor;
margin-top:calc(150px / 6);
}
 #homeThemes>a img{
object-fit:cover;
width:100%;
height:100%;
}
 #homeThemes>a label{
display:block;
font-size:1.3em;
margin-top:8px;
font-weight:bold;
}
 #homeThemes>a.back~a:nth-child(3)~a label{
font-weight:normal;
}
/* ----- Rating ----- */
.rating {
color: #B8E6E6;
margin:0;
font-size: 20px;
white-space:nowrap;
}
.rating a, .rating a:hover {
text-decoration:none;
color:inherit !important;
}
.rating .active {
color : #32374A;
}
.rating .jsnotactive {
color: #B8E6E6;
}
.rating .jsactive{
color :#32374A;
}
/* ------------------------------------
ListRecord
------------------------------------ */
/* ------- PAGINATION ------- */
.pagination {
padding : 0;
display : block;
margin : 0;
text-align:center;
}
.pagination li {
font-size : 10px;
line-height : 17px;
display : inline-block;
vertical-align:middle;
list-style : none;
padding : 0;
margin : 0;
}

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

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

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

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

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

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

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

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

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

 #floatingToolsE {
width : 220px;
background-color:#FFFFFF;
color:#000000;
border-right:none;
}
 #floatingToolsE:not(.showToolsELeftCol)+#listBody {
padding-left:25px;
}
 #floatingToolsE.showToolsELeftCol {
padding-top:10px;
}
 #floatingToolsE>a {
display:block;
text-align:right;
margin:1em 0 0 0;
font-weight : normal;
text-decoration:none;
}
/* --------------- Alpha filter -------------- */
 #main .contents #alphaList
{
text-align:center;
}
 #main .contents #alphaList a
{
padding:0px 4px;
background-color : transparent;
color : #6F7381;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-decoration:none;
}
 #main .contents #alphaList a:hover
{
background-color : transparent;
color : #32374A;
}
 #main .contents #alphaList a.off
{
background-color : transparent; 
color : #6F7381;
text-decoration:none;
}
 #main .contents #alphaList a.active
{
background-color : transparent;
color : #32374A;
}
/* ------- 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:#000000;
}
.contents.tempLoader>.header
{
min-height:6em;
position:relative;
}
.contents.tempLoader .header h2 .dummy
{
background-color : #000000;
width:50%;
}
.contents.tempLoader .header .details .dummy
{
background-color: #6F7381;
width:40%;
}
.contents.tempLoader .summary .dummy
{
background-color:#000000;
width:calc(100% - 120px - 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:#000000;
width:60%;
}
.contents.tempLoader.record .header .icon
{
opacity:.3;
}
.contents.tempLoader .details .figure
{
background-color : #F5F5F6;
width:100px;
height:100px;
}
.contents.tempLoader .fields
{
padding-left:16px;
}
.contents.tempLoader .fields label .dummy
{
background-color:#000000;
}
.contents.tempLoader .fields label+span
{
width:70%;
}
/* ------- Break ------- */
.listRecordBreak {
font-size:1.3em;
line-height:2em;
height :2em;
margin:0px;
margin-bottom:20px;
color : #000000;
background-color : #EaEbED;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding : 3px 0 0 17px;
font-family:Raleway;
}
.listRecordBreak:not(:first-child) {
margin-top:20px;
}
/* ------- ARTICLES------- */
/*
 #listBody>form>.section
{
background-color:transparent;
box-shadow:0 3px 4px rgba(0,0,0,.1);
padding:18px 12px;
border-radius:0;
border:1px solid #EFEFEF;
}

*/

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

.article a:not(.button) span.kent-ico {
color :  #ADAFB7;  /* Used mainly for figure and external links */
padding-left : 4px;
font-size : 20px;
margin-bottom : -8px;
}
.article a:hover span.kent-ico {
color :  #ADAFB7;
}
.article>.articleWrapper {
display:flex;
width:100%;
}
.article>.articleWrapper>span:first-child {
flex-grow:0;
flex-shrink:0;
display:flex;
flex-direction:column;

justify-content:flex-end;
}
.article>.articleWrapper>.figure {
flex-grow:0;
flex-shrink:0;
}
.article>.articleWrapper>.contents {
flex-grow:1;
flex-shrink:1;
min-width:0;
}
.article>.articleWrapper.settings {
flex-shrink:0;
flex-grow:1;
}
.article a.more {
width:1em;
height:1em;
line-height:1em;
padding:.25em;
text-align:center;
font-size:12px;
color:#6F7381;
transition:transform .2s;
margin-top:3px;
display:none;
}
.article .cb-cid2 {
display:none;
margin:calc(((1.5 * 1.3em) - 14px) / 2) 2px;
margin-right:10px;
width:14px;
height:14px;
}
.section:not(.plan):not(.diapo) .article:not(tr) input[name="cid[]"] {

}
.article.opened a.more {
transform:rotate(90deg);
}
.article.emphasize
{
background-color: #F7F7F7;
padding : 16px;
border-radius: 0;
margin-bottom : 20px;
}
.article .figure {
display:block;
width : 120px;
height : 120px;
background-color : #F5F5F6;
border-radius:8px;
line-height : 120px;
text-align : center;
margin-right:7px;
position:relative;
overflow:hidden;
text-align:center;
}
.article .avatar {
margin-right:7px;
font-size:120px;
}
.figure{
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
}
.figure.no-resize
{
background-size:auto;
}
.article .figure:hover {
animation:zoom:.3s;
}
.article .figure .hover {
display:none;
}
.article .figure span.num {
display:inline-block;
vertical-align:bottom;
margin-bottom:10px;
background-color:#32374A;
color:#FFFFFF;
line-height:1.4em;
height:1.4em;
font-size : 10px;
border-radius:.7em;
padding:0 1em;
}
.article .figure .icon {
font-size : 0px;
}
.article .header
{
overflow:hidden;
}
.article .header .details {
color: #6F7381;
font-family:SourceSans, Arial, sans-serif;
margin:0;
}
.article .header h2 {
font-size : 1.3em;
color : #000000;
font-weight : bold;
font-family:SourceSans, Arial, sans-serif;
margin-bottom : 0;
}
 .contents .article .header h2 a
{
font-weight : bold;
}

.article .header h2 a {
color : #000000;
}

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

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

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

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

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

.article  .deadline {
color : #26BF45;
}

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

.article  .deadline.s3 {
color : #e00000;
}
.article .summary {
font-size : 1em;
line-height : 1.4em;
overflow:hidden;
}
.article .summary p {
margin-bottom:5px;
}
.article .summary label {
width:120px;
padding-right:5px;
display:inline-block;
min-height:20px;
text-align:right;
color:#6F7381;
vertical-align:top;
}
.article .summary label+span {
display:inline-block;
vertical-align:top;
}
.article .summary .full {
display:none;
}
.article.opened .full {
display:block;
}
.article .summary .showFull {
padding-left:.5em;

}
.article.opened .full+div {
display:none;
}
.article .extractHtml {
font-size:.9em;
padding:0 0 0 20px;
margin-left:10px;
position:relative;
}
.article .extractHtml .kent-ico:first-child {
position:absolute;
top:0;
left:0;
}
.article .extractHtml .kent-ico:last-child {
display:inline-block;
transform:rotateY(180deg);
margin-left:3px;
}
.article .score {
text-align:right;
margin:0;

white-space:nowrap;
}
.article .settings {
text-align:right;
margin-left:5px;
}
.article .extra {
display : none;
font-size :0.95em;
}
.article.opened .extra {
display : block;
}
.article .extra .header {
font-size:1.2em;
padding-left:20px;
}
.article .extra ul {
width:auto;
}
.article .extra input[type="text"], .article .extra textarea{
width:400px;
box-sizing:border-box;
line-height:27px;
height:27px;
background-color:#FFFFFF;
color:#000000;
border:1px solid #D8D8D8;
border-radius:3px;
margin:0px;
padding:3px;
}
.article .extra input[type="text"][size] {
width:auto;
}
.article .extra .actions {
margin:0px;
padding:0px;
display:block;
text-align:center;
}
.extra .actions li, .article .extra .actions a {
color : #AA8858;
font-weight : normal;
padding : 0;
}
.loading .article .settings input[type=checkbox], .loading .article .cb-cid2, .loading .article .firstcol input[type=checkbox] {
visibility:hidden;
}
@media screen and (max-width:550px) {
.article>.articleWrapper {
flex-wrap:wrap;
}
}
/* ------- FOOTER ARTICLE------- */
.loading .article .recordFooter {
visibility:hidden;
}
.recordFooter {
border-bottom : 1px solid #ADAFB7;

color : #6F7381;
position : relative;
margin-bottom : 20px;
font-family:SourceSans, Arial, sans-serif;
text-align:right;
}

.recordFooter>a {
display:inline;
margin:0px;
white-space:nowrap;
padding:0px 5px;
color:#6F7381;
}
.recordFooter a.inactive {
color:#6F7381;
}
.recordFooter a.popupTrigger::after {
content:'a';
font-family:kentika2-webfont;
transform:rotate(90deg) translateX(-1px);
display:inline-block;
color:inherit;
font-size:.5em;
margin-left:5px;
}
.recordFooter .popup {
border-radius:0;
text-align:left;
width:200px;
}
.recordFooter .popup.linkedValues {
width:calc(2 * 200px);
}
.recordFooter .popup.linkedValues>div {
display:flex;
padding:0;
}
.recordFooter .popup.linkedValues ul {
flex:0 1 200px;
padding:0;
}
.recordFooter .popup ul {
list-style-type:none;
margin:0;
padding:0 10px;
}
.recordFooter .popup li {
display:flex;
justify-content:space-between;
line-height:1.5;
}
.recordFooter .popup li.subValue {
margin-left:calc(.6 * 27px);
}
.recordFooter .popup.linkedValues li {
display:flex;
padding:0 10px;
}
.recordFooter .popup.linkedValues li.opened {
background-color:rgba(0,0,0,.1);
}
.recordFooter .popup.linkedValues ul:first-child li>input {
flex:0 0 auto;
}
.recordFooter .popup.linkedValues ul:first-child li>label {
flex:1 1 auto;
}
.recordFooter .popup.linkedValues ul:first-child li>a.kent-ico {
flex:0 0 auto;
font-size:24px;
align-self:stretch;
display:flex;
align-items:center;
padding-left:4px;
}
.recordFooter .popup.linkedValues ul:first-child li>a.kent-ico svg {
transform:rotate(-90deg);
transition:all .3s;
}
.recordFooter .popup.linkedValues ul:first-child li.opened>a.kent-ico svg {
transform:rotate(90deg);
}
.recordFooter .popup li label {
flex-grow:1;
}
.recordFooter .basket-add li a:last-child {
line_height:27px;
}
.recordFooter .basket-add .add {
line-height:27px;
}
.recordFooter .basket-add .add input, #listRecTab .basket-add .add input {
width:calc(100% - 28px);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

 #listRecTab {
margin-bottom : 20px;
}
 #listRecTab th {
border-bottom:1px solid #ADAFB7;
position:relative;
}
 #listRecTab th label{
display:block;
}

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

 #listRecTab td:first-child, #listRecTab td.thumbcol {
text-align:center;
}
 #listRecTab td {
border:none;
padding:0;
position:relative;
}
 #listRecTab td div.value:only-child {
box-sizing:border-box;
}
 #listRecTab tr.header th,#listRecTab tr.article td:not(.firstcol) {
 padding : 8px 5px 8px 5px;
vertical-align:middle;
}
 #listRecTab:not(.editMode) tr.article:nth-child(4n+1) td, #listRecTab:not(.editMode) tr.extraline:nth-child(4n+2) td {
background-color:#DFDFDF;
}
 #listRecTab tr .tabResize {
position:absolute;
right:-2px;
top:0;
height:100%;
width:5px;
cursor:col-resize;
}
 #listRecTab tr .tabResize div {
position:absolute;
width:1px;
top:0;
left:2px;
height:100%;
background-color:#ADAFB7;
}
 #listRecTab tr .tabResize:not(:hover) {
opacity:0;
}
/* Col 1 icons */
 #listRecTabSettings {
font-size:20px;
padding:8px;
}
 #listRecTab tr.article .firstcol {
vertical-align:middle;
}
 #listRecTab tr.article .firstcol .showmore {
font-size : 13px;
line-height : 13px;
margin-left:8px;
color:#ADAFB7;
display:none;
}
 #listRecTab tr.article .firstcol .showmore a {
color:inherit;
}
 #listRecTab tr.article .firstcol .showmore a:hover {
color:#6F7381;
}
 #listRecTab tr.article .firstcol>*{
display:inline-block;
vertical-align:middle;
}
 #listRecTab .tag .kent-ico {
color:inherit;
margin:0 0 0 .8em;
padding:0;
}
 #listRecTab .tag.add .kent-ico {
margin:0;
}
/* Col 7 icons */
 #listRecTab .lastcol .kent-ico {
font-size : 19px;
line-height : 19px;
}

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

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

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

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

 #main .contents.table-contents tr.extraline ul.actions li {
list-style : none;
float : left;
padding : 3px;
}
/* Fin zone extra */
/* Popup tableau display value */
 #popupTabSeeMore>div:not(:last-child) {
padding-bottom:16px;
margin-bottom:16px;
border-bottom:1px solid #ADAFB7;
}

/* Popup param colonnes */
 #popupListRecTabSettings {
height:300px;
position:relative;
}
 #popupListRecTabSettings>div {
display:inline-block;
width:calc(50% - 4px);
vertical-align:top;
height:100%;
overflow:auto;
padding:4px;
box-sizing:border-box;
border:1px solid currentColor;
border-radius:3px;
}
 #popupListRecTabSettings>div:first-child {
margin-right:8px;
}
 #popupListRecTabSettings label {
display:block;
margin:0 0 1em 4px;
display:flex;
justify-content:space-between;
}
 #popupListRecTabSettings label a {
font-size:16px;
color:#000000;
height:1em;
line-height:1;
width:1em;
text-align:center;
border-radius:.5em;
}
 #popupListRecTabSettings label a.active {
background-color:#000000;
color:#FFFFFF;
}
 #popupListRecTabSettings label~a,#popupListRecTabSettings #dragger {
display:block;
padding:8px 16px;
box-sizing:border-box;
border:1px solid currentColor;
border-radius:3px;
margin-bottom:4px;
position:relative;
}
#popupListRecTabSettings #ghost {
padding:8px 16px;
box-sizing:border-box;
border:1px solid currentColor;
border-radius:3px;
margin-bottom:4px;
font-weight:bold;
}
 #popupListRecTabSettings label~a.inactive, #popupListRecTabSettings label~a.inactive:hover {
color:#6F7381;
}
 #popupListRecTabSettings label~a:hover {
text-decoration:none;
}
 #popupListRecTabSettings label~a .kent-ico {
position:absolute;
top:calc(50% - 8px);
font-size:16px;
line-height:1;
color:inherit;
}
 #popupListRecTabSettings div:first-child label~a {
padding-right:32px;
}
 #popupListRecTabSettings div:last-child label~a {
padding-left:32px;
}
 #popupListRecTabSettings div:first-child label~a .kent-ico{
right:8px;
transform:rotate(-90deg);
}
 #popupListRecTabSettings div:last-child label~a .kent-ico {
left:8px;
transform:rotate(90deg);
}
#popupListRecTabSettings label~a.dragged {
display:none;
}
/* Edit mode */
 #listRecTab.editMode th,#listRecTab.editMode td {
border:1px solid #ADAFB7;
}
 #listRecTab.editMode col.editModeOff, #listRecTab.editMode tr.editModeOff {
background-color:#DFDFDF;
color:inherit;
}
 #listRecTab.editMode .editModeSelected {
outline:2px solid #2F77B7;
}
 #listRecTab.editMode .value:only-child input, #listRecTab.editMode .value:only-child textarea {
background-color:transparent;
border:none;
padding:0;
margin:0;
width:100%;
outline:none;
}
 #listRecTab.editMode .value:only-child textarea {
resize:none;
display:block;
}
 #listRecTab.editMode .fullSize {
position:absolute;
bottom:4px;
left:4px;
font-size:8px;
}
 #tabAutocomplete {
position:absolute;
background-color:#FFFFFF;
z-index:1;
box-shadow:0 0 3px rgba(0,0,0,.1), 3px 3px 3px rgba(0,0,0,.3);
}
 #tabAutocomplete>input {
border:none;
line-height:2;
width:100%;
padding:4px 8px;
}
 #tabAutocomplete>div {
margin:16px 8px 16px;
display:flex;
flex-direction:column;
align-items:flex-start;
max-height:300px;
overflow:auto;
}
 #tabAutocomplete>div .tag.sub {
margin-left:24px;
}
/* ------------ RSS -------------- */
 #main .contents.rssFeeds li
{
margin-bottom:10px;
list-style:none;
padding-left:20px;
}
 #main .contents.rssFeeds li a
{
line-height:25px;
vertical-align:top;
margin-left:-20px;
}
 #main .contents.rssFeeds li a .kent-ico
{
font-size:18px;
}
 #main .contents.rssFeeds li input[readonly]
{
width:100%;
}
/* ----------- Sondages ---------------- */
 #main .contents.survey h2
{
margin:0px;
font-family:SourceSans, Arial, sans-serif;
font-size : 1.3em;
}
 #main .contents.survey h2 a
{
font-weight : bold;
color : #000000;
}
 #main .contents.survey h2 a .kent-ico
{
font-size:0.8em;
padding-left:10px;
}
 #main .contents.survey h2 a:hover
{
color : #2A2E34;
}
 #main .contents.survey .section
{
padding-left:20px;
margin-bottom:20px;
overflow:hidden;
}
 #main .contents.survey .separator
{
width:100%;
height:0px;
border-bottom:1px dashed #ADAFB7;
}
 #main .contents.survey ul
{
margin:0px;
margin-left:20px;
}
 #main .contents.survey ul li
{
list-style:none;
margin-bottom:10px;
}
/* ---------------------------------
Formulaires et onglets
---------------------------------- */
.form-contents .search-l {
font-size : 0.9em;
display : block;
padding-bottom : 5px;
}

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

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

 #main .contents .tabs .tab-list {
margin : 0 15px 18px 0;
padding : 0; 
border-bottom : 1px solid #ADAFB7;
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 : #ADAFB7;
background-image:none;
color :#6F7381;
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 : #6F7381;
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:#737373;
z-index:10;
text-align:center;
font-size:1.3em;
}

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

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

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

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

.gedPlus .fileInfo
{
display:block;
min-height:45px;
overflow:hidden;
padding-bottom:5px;
}
.gedPlus .gedlist .fileInfo>p
{
padding-left:65px;
}
.gedPlus .gedlist .iconsInfo
{
top:5px;
left:-1.5em;
margin-left:-15px;
}
.gedPlus .gedlist .folder.opened>div .iconsInfo .child
{
display:none;
}
.gedPlus .gedlist .title
{
display:inline-block;
box-sizing:border-box;
margin-left:65px;
vertical-align:middle;
line-height:1.3em;
margin-bottom:0;
color:#32374A;
font-weight:bold;
position:relative;
}
.gedPlus .file.alias .title
{
color:#32374A;
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:#32374A;
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:#26BF45;
}
 #main .gedPlus .temp-form .cancel:hover
{
color:#E8CE6A;
}

 #gpTemplatePopup .kentcols
{
margin-top:10px;
}
 #gpTemplatePopup li
{
list-style-type:none;
margin:0.5em 0;
padding:5px;
cursor:pointer;
overflow:hidden;
}
 #gpTemplatePopup li.inactive
{
background-color:#bfbfbf;
background-color:rgba(0,0,0,0.3);
}
 #gpTemplatePopup li.header
{
cursor:auto;
}
 #gpTemplatePopup li img
{
max-height:32px;
max-width:32px;
float:left;
margin-right:10px;
}
 #gpTemplatePopup li:hover
{
box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
}
 #gpTemplatePopup li.header:hover
{
box-shadow:none;
}
 #gpTemplatePopup input[type="checkbox"]
{
display:none;
}
 #gpTemplatePopup .searchResults
{
margin-top:1em;
}
 #gpTemplatePopup .faded
{
display:block;
}
 #gedPlus_editPropertiesPopup .tags a, #gedPlus_editPropertiesPopup .tags a.deleted:hover
{
text-decoration:none;
}
 #gedPlus_editPropertiesPopup .tags a.deleted,  #gedPlus_editPropertiesPopup .tags a:hover
{
text-decoration:line-through;
}
 #gedPlus_editPropertiesPopup .tags a:hover
{

}
 #gedPlus_sortPopup ul {
margin-bottom:0;
}
 #gedPlus_sortPopup .kent-ico {
font-size:1.25em;
color:inherit;
margin-right:.5em;
}
/* ======= Workflow ========= */
.gedPlusInfos
{
margin:10px;
background-color:#F5F5F6;
padding:10px;
}
.gedPlusInfos label
{
vertical-align:middle;
}
.gedPlusInfos .avatar
{
font-size:36px;
margin-right:10px;
}
 #main .gedPlusInfos .gedPlusInfosUserList ul
{
display:table-cell;
}


.flowTags .urgent, .flowTags .important
{
color:#e00000;
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:#e00000;
}
.flowTags .late:before
{
content:'en retard';
background-color:#EDCB0D;
}
.flowTags .today:before
{
content:'ce jour';
background-color:#EDCB0D;
}
.flowTags .new:before
{
content:'Nouveau';
background-color:#3993CC;
}
.gedFlow .flowDetails
{
display:inline-block;
vertical-align:top;
}
.wfIcon.kent-ico
{
font-size:24px;
display:inline-block;
height:1.2em;
line-height:1.2em;
width:1.2em;
text-align:center;
border-radius:0.6em;
}
.wfIcon.grey
{
color:#2F77B7;
background-color:#ECECEC;
}
.wfIcon.late {
color:#465963;
background-color:#FEC304;
}
.wfIcon.green
{
color:#FFFFFF;
background-color:#26BF45;
}
.wfIcon.black
{
background-color:#465963;
color:#ECECEC;
}
.gedFlow .action {
margin-bottom:8px;
}
.workflowInfos p>.kent-ico:first-child{
color:inherit;
vertical-align:middle;
font-size:1.5em;
margin-right:.5em;

}
.workflowInfos>p.title+div {
background-color:rgba(10,11,10,.1);
color:inherit;
border-radius:8px;
padding:16px;
}
.workflowInfos>p.title+div.late {
background-color:#FEC30419;
}
.workflowInfos .author {
color:#6F7381;
margin:8px !important;
}
.workflowInfos>p.title+div em {
font-weight:bold;
font-style:normal;
}
.workflowInfos .listActions {
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.workflowInfos .listActions>p {
display:flex;
margin:0;
}
.workflowInfos .workflowMyActions .title {
border-top:2px solid #ADAFB7;
margin:8px 0 0 !important;
padding:8px !important;
font-size:1em;
}
.workflowInfos .workflowMyActions>div {
background-color:#FFFFFF;
border-radius:8px;
padding:8px 16px;
}
.workflowInfos .workflowMyActions>div.late {
background-color:#FEC30419;
}
.workflowInfos .workflowMyActions>div.late.reminded {
border:2px solid #FEC304;
}
.workflowInfos .workflowMyActions>div.done {
background-color:#26BF4519;
}
.workflowInfos .workflowMyActions>div.denied {
background-color:#e0000019;
}
.workflowInfos .workflowMyActions>div>p:nth-child(2) {
display:flex;
justify-content:space-between;
}
.workflowInfos .workflowMyActions>div>p:nth-child(2)>span:first-child .kent-ico {
font-size:1.25em;
margin-right:8px;
}
.workflowInfos .workflowMyActions>div>p:nth-child(2) .kent-ico {
color:inherit;
vertical-align:middle;
}
.workflowInfos .workflowMyActions>div>div.comment {
border:2px solid rgba(10,11,10,.1);
background-color:#FFFFFF;
padding:8px;
margin:4px 0;
border-radius:8px;
}
.workflowInfos .workflowMyActions>div.done>div.comment.border {
border-color:#26BF45;
}
.workflowInfos .workflowMyActions>div.denied>div.comment.border {
border-color:#e00000;
}
.workflowInfos .workflowMyActions>div>div.comment.reminder {
border-color:#FEC304;
}
.gedFlow .workflowMyActions .buttons {
margin-top:8px;
}
.gedFlow .workflowMyActions .buttons .black {
border-color:#E8CE6A;
}
.gedFlow .action .buttons {
text-align:right;
}
.gedFlow .flowActions
{
display:inline-block;
text-align:center;
font-size:24px;
vertical-align:top;
}
.gedFlow .flowActions>p:first-child
{
font-weight:bold;
font-size:16px;
}
/* workflow on lists */
.article .gedFlow .action {
padding-left:32px;
position:relative;
}
.article .gedFlow .action:not(:last-child) {
border-bottom:1px solid #ADAFB7;
padding-bottom:8px;
}
.article .gedFlow .action>a.kent-ico {
font-size:.75em;
transition: transform .3s;
position:absolute;
left:0;
top:.4em;
}
.article .gedFlow .action>a.kent-ico.opened {
transform:rotate(90deg);
}
.article .gedFlow .action>a.kent-ico:not(.opened)~.workflowInfos>div{
display:none;
}
.article .gedFlow .workflowMyActions .buttons {
display:none;
}

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

/* ------------ Workflow - Dashboard ----------- */
.wfDash .team
{
position:relative;
margin-bottom:15px;
border-bottom:1px dashed #ADAFB7;
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:#6F7381;
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:#000000;
margin-bottom:10px;
box-sizing:border-box;
}
.wfDash td>a>span
{
vertical-align:middle;
display:inline-block;
}
.wfDash td>a:hover
{
background-color:#000000 !important;
color:#ECECEC !important;
text-decoration:none;
}
.wfDash td>a.green
{
background-color:#26BF45;
color:#FFFFFF;
}
.wfDash td>a.red
{
background-color:#e00000;
color:#FFFFFF !important;
}
.wfDash td>a>.kent-ico:first-child
{
display:inline-block;
vertical-align:middle;
color:inherit;
margin-right:8px;
}
.wfDash td .label
{
margin:0 8px;
}
.wfDash.narrow td .label
{
display:none;
}
.wfDash td .flowTags
{
font-size:0.6em;
display:inline;
}
.wfDash td .flowTags span
{
margin-right:5px;
}
/* ----------- Team screen -------- */
 #wfTeam #teamModify {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
}
 #wfTeam #teamStatus .popupLabel {
text-decoration:none;
font-weight:bold;
}
 #wfTeam #teamStatus .popupLabel::after {
content:'J';
font-family:kentika2-webfont;
font-size:.5em;
margin-left:5px;
}
 #wfTeam #teamStatus ul{
list-style-type:none;
margin:0 1em;
}
 #wfTeam #teamStatus ul{

}
 #wfTeam .mailGroup {
margin:0 1em;
vertical-align:middle;
}
 #wfTeam .wfTeamMembers>li
{
list-style-type:none;
border-bottom:1px solid #ADAFB7;
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:#ADAFB7;
}
.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:#ADAFB7;
line-height:1.5em;
}
.wfTeamMembers .status a
{
font-weight:bold;
}

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

background-color:rgba(184,230,230,0.8);
color:#000000;
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:#000000;
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:#6F7381;
}
 #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:#2F77B7;

background-color:rgba(47,119,183,0.1);
color:#000000;
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:#2F77B7;
}
 #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:#B8E6E6;
color:#000000;
}
 #transitMini .filelist>li.local
{
cursor:not-allowed;
color:inherit;
background-color:transparent;
}
 #transitMini .filelist>li.filtered
{
display:none;
}
 #transitMini .filelist .figure
{
font-size:20px;
height:1em;
line-height:1em;
width:1em;
position:absolute;
top:50%;
margin-top:-10px;
left:8px;
display:inline-block;
vertical-align:middle;
color:inherit;
}
 #transitMini .filelist .title
{
margin:0;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
height:20px;
box-sizing:border-box;
padding:3px 12px 3px 25px;
color:inherit;
white-space:nowrap;
}
 #transitMini .filelist .more
{
position:absolute;
font-size:10px;
top:50%;
margin-top:-5px;
right:2px;
height:1em;
width:1em;
color:inherit;
}

/* ====== GED Toolbox ======= */
 #gedToolbox
{
position:absolute;
padding-left:0;
display:none;
z-index:11;
}
 #gedToolbox>.arrow
{
width:0;
height:0;
position:absolute;
top:24px;
left:-20px;
border-style:solid;
border-color:transparent #595959 transparent transparent;
border-width:15px 20px 15px 0;
}
 #gedToolbox.below>.arrow
{
top:-20px;
left:24px;
border-color:transparent transparent #595959 transparent;
border-width:0 15px 20px 15px;
}
 #gedToolbox>.wrapper
{
background-color:#FFFFFF;
padding:0 !important;
margin-left:0;
min-height:120px;
width:auto;
box-shadow:0 0 10px 0px #909090;
display:flex;
}
 #gedToolbox>.wrapper .loader
{
width:300px;
height:120px;
line-height:120px;
text-align:center;
}
 #gedToolbox .wrapper .tabs
{
width:2em;
padding:16px 0;
background-color:#F2F3F1;
color:#000000;
font-size:24px;
text-align:center;
box-sizing:border-box;
}
 #gedToolbox .tabs a
{
width:1.3em;
height:1.6em;
line-height:1.6em;
display:inline-block;
background-color:transparent;
color:inherit;
margin-bottom:6px;
text-align:center;
}
 #gedToolbox .tabs a:hover,  #gedToolbox .tabs a.active
{
color:#2F77B7;
}
 #gedToolbox .wrapper>div:not(.tabs):not(.loader) {
display:grid;
grid-template-columns:auto auto;
grid-template-rows:auto;
gap:16px 24px;
padding:24px;
}
 #gedToolbox .wrapper>div:not(.tabs):not(.loader)>.title {
grid-column:1 / 3;
margin:0;
font-size:1.5em;
font-weight:bold;
}
 #gedToolbox>.wrapper>div:not(.tabs):not(.loader)>div
{
display:block;
margin:0;
}
 #gedToolbox .wrapper .img
{
position:relative;
vertical-align:top;
width:222px;
}
 #gedToolbox .img.folder
{
padding-left:15px;
padding-right:10px;
width:45px;
}
 #gedToolbox .img>div
{
height:311px;
width:222px;
background-color:#D8D8D8;
border:1px solid #A0A0A0;
line-height:311px;
text-align:center;
}
 #gedToolbox .img img
{
max-height:100%;
max-width:100%;
vertical-align:middle;
}
 #gedToolbox .img.folder:before
{
content:'Z';
font-family:kentika-std;
font-size:45px;
color:#465963;
display:inline-block;
vertical-align:middle;
line-height:1em;
}
 #gedToolbox .img.folder.local:before
{
content:'Y';
color:#D3D3D3;
}
 #gedToolbox .contents
{
width:400px;
color:#000000;
box-sizing:border-box;
}
 #gedToolbox .contents p
{
margin-bottom:0;
line-height:1.6em;
overflow:hidden;
}
 #gedToolbox .contents hr
{
border-bottom-style:solid;
}
 #gedToolbox .contents .title
{
padding:0;
margin-bottom:1em;
font-weight:bold;
color:#595959;
}
 #gedToolbox .contents .warning:not(.kent-ico)
{
display:none;
font-style:italic;
font-size:0.8em;
color:#F09C3D;
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:#6F7381;
margin:10px auto;
font-weight:bold;
}
 #gedToolbox .contents .button a:hover
{
color:#FFFFFF;
background-color:#BAD2E7;
text-decoration:none;
}
 #gedToolbox .contents ul
{
margin:0;
}
 #gedToolbox .contents ul p.header
{
border-bottom:1px solid #ADAFB7;
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:#6F7381;
text-decoration:none;
}
 #gedToolbox .contents a.inactive
{
font-style:italic;
color:#6F7381;
background-color:transparent;
text-decoration:none;
cursor:not-allowed;
}
 #gedToolbox .contents ul li a .kent-ico
{
color:inherit;
position:absolute;
left:7px;
top:5px;
font-size:18px;
font-style:normal;
}
 #gedToolbox .contents ul li a .kent-ico.overlay span {color:#909AB1;}
 #gedToolbox .contents ul li a:hover .kent-ico.overlay span{color:#E7E7E7;}
 #gedToolbox .contents ul li a.inactive .kent-ico.overlay span {color:#FFFFFF;}

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

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

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

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

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

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

 #menu_k2 h2
{
font-size:1.3em;
text-align:center;
background-color:#B8E6E6;
color:#000000;
}
 #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 : #26BF45 ;
text-align : center;
color : #FFFFFF;
font-size : 9px;
padding : 2px 5px;
font-weight : normal;
vertical-align:middle;
}
 #menu_k2 .kent-ico.settings {
color:#6F7381;
}
 #menu_k2 form
{
padding:10px;
}
 #menu_k2 .section p
{
width:100%;
}
 #menu_k2 form .more
{
text-align:right;
}
 #menu_k2 form h5
{
margin-top:10px;
}
 #menu_k2 .conditions
{
border-top:none;
margin-top:15px;
padding-top:15px;
}
 #menu_k2 .conditions input.submit
{
padding:3px 5px;
}
 #menu_k2_3 li>a>span
{
padding:6px;
line-height:1.5em;
margin-bottom:4px;
text-align:left;
}
 #menu_k2_3 li .kent-ico
{
color:inherit;
font-size:1.2em;
display:inline-block;
vertical-align:middle;
width:1.3em;
text-align:left;
}
 #menu_k2_3 li .details
{
padding-left:1.56em;
display:block;
color:#6F7381;
/*
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
*/
}

/* ============ KentApps ========= */
 #kentApps
{
--kentAppCount:3;
display:flex;
justify-content:flex-start;
gap:18px;
flex-wrap:wrap;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
#kentApps {
justify-content:space-between;
}
}
 #kentApps>.header h1
{
margin-bottom:12px;
}
 #kentApps>.footer
{
margin:0;
border:0;
text-align:right;
font-size:0.8em;
}
 #kentApps .kentApp
{
--kentAppColor:#2F77B7;
display:block;
flex-grow:0;
flex-shrink:0;
flex-basis:calc((100% - 18px * (3 - 1)) / 3);
min-width:280px;
height:310px;
text-align:left;
border:1px solid #2F77B7;
border-color:#2F77B7;
border-color:var(--kentAppColor);
position:relative;
box-sizing:border-box;
margin:0 0 15px;
background-color:#FFFFFF;
box-shadow:0 0 6px rgba(0,0,0,.2);
border-radius:0px;
overflow:hidden;
}
 #kentApps .kentApp.style-casual-wear
{
background-color:#ECEEF1;
border-color:#E0DCDC;
}
 #kentApps .kentApp.style-dark-console
{
background-color:#383838;
border-color:#000000;
color:#CDCDCD;
--kentAppColor:#B3D741;
}
 #kentApps .kentApp.style-summer-sky
{
border-color:#BEE1F3;
color:#002c5a;
background-color:#e2f0ff;
background: linear-gradient(to bottom, #e2f0ff 0%,#95d1e5 100%); 
--kentAppColor:#165ACB;
}
border:none;
}
 #kentApps .kentApp.style-las-vegas::before {
content:'';
display:block;
height:13px;
background-color:#2F77B7;
background-color:var(--kentAppColor);
border-top-left-radius:0px;
border-top-right-radius:0px;
}
 #kentApps .kentApp.style-dark-console a
{
color:#B3D741;
}
 #kentApps .kentApp.style-summer-sky a
{
color:#165ACB;
}
 #kentApps .kentApp.style-las-vegas {
border:none;
}
 #kentApps .kentApp.style-las-vegas::before {
content:'';
display:block;
height:13px;
background-color:#2F77B7;
background-color:var(--kentAppColor);
border-top-left-radius:0px;
border-top-right-radius:0px;
}
 #kentApps .kentApp.style-dark-console a {
color:var(--kentAppColor);
}
 #kentApps .kentApp.style-summer-sky a {
color:var(--kentAppColor);
}
 #kentApps .kentApp h3
{
line-height:40px;
height:40px;
font-size:20px;
background-color:#2F77B7;
background-color:var(--kentAppColor);
color:#000000;
padding:0 48px 0 8px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-sizing:border-box;
margin:0;
}
 #kentApps .kentApp .kentAppTiles h3
{
padding-right:40px;
}
 #kentApps .kentApp.style-casual-wear h3
{
background-color:transparent;
color:#2F77B7;
color:var(--kentAppColor);
}
 #kentApps .kentApp.style-dark-console h3
{
background-color:#000000;
color:var(--kentAppColor);
}
 #kentApps .kentApp.style-summer-sky h3
{
background-color:transparent;
color:var(--kentAppColor);
}
 #kentApps .kentApp.style-las-vegas h3 {
background-color:transparent;
color:#000000;
font-weight:bold;
height:55px;
line-height:55px;
}
 #kentApps .kentApp ul
{
padding:0 8px 8px;
margin:0;
position:absolute;
top:40px;
bottom:0;
left:0;
right:0;
}
 #kentApps .kentApp.style-las-vegas ul {
top:68px;
}
 #kentApps .kentApp li
{
list-style-type:none;
}

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

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

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

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

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

/* ===== CKE Data ===== */
.cke-data-list {
list-style-type:none;
margin:0;
}
.cke-data-list li {
display:flex;
gap:16px;
}
.cke-data-list li:not(:last-child) {
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid #ADAFB7;
}
.cke-data-list>li>.figure {
flex:0 1 120px;
height:120px;
padding:0;
}
.cke-data-list>li>div{
flex:1 1 0;
}
.cke-data-list>li>.figure>.kent-ico {
display:none;
}
.cke-data-list>li .header h2{
font-size:1.25em;
margin:0;
}
.cke-data-list>li .header h2 .subtitle{
font-size:.8em;
padding-left:8px;
}
.cke-data-list>li .header .details{
color:#6F7381;
margin:0;
}
.cke-data-list>li .summary p{
margin-bottom:5px;
}

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

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

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