body {background-color:#FFFFFF;}
h1 {color:#071352;line-height:100%;font-size:3.75rem;text-align:left;}
h2 {color:#071352;}
h4 {color:#071352;}
h5 {color:#4656a9;}
p {margin-top:0;margin-bottom:0;color:#000;}

a {color:#000;border-color:#000;}
a:hover, .breadcrumb:hover {color:#060f3e;border-color:#060f3e;}

/*@media only screen and (max-width: 992px)
{
    a {color:#014eff;}
}*/


header {z-index:1000;position:fixed;width:100%;}
footer {/*padding-left:300px;*/}
main
{
    flex: 1 0 auto;min-height:400px;transition: background-color 1s ease;
    /*padding-left:300px;*/padding-top:96px;
    /*margin: auto;*/
    /*min-width: 1200px;*/
}

@media only screen and (max-width: 992px)
{
    main {padding-top:60px;}
}

/** MENU LEFT **/
#left-menu {z-index:999;/*width:300px;height:auto;};*/}










a.link {text-decoration:underline;}

body {background-color:transparent;}

.pk-description {margin-bottom:20px;}

.tag-CLOSE, .tag-DONE {background-color:#e01b62;}
.tag-PROGRESS {background-color:#ec944b;}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #e01b62;
    color:#071352;
    font-weight:bold;
}


.pk-thumbnail {overflow:hidden;}
.pk-thumbnail img {width:100%;height:auto;}


/********************************/
/*** CONTENT - ACCUEIL
/********************************/

#accueil_intro #logo {width:300px;margin-top:20px;}
#accueil_intro p {color:rgba(255,255,255,.8);font-size:1.5rem;line-height:120%;}

#accueil_intro2 a {color:#FFFFFF;}
#accueil_intro2 a:hover {text-decoration: underline;}

.accueil-qui {position:relative;padding-left:40px!important;}
.accueil-qui p {font-size:22px;}




/** UI **/
:not(.select-wrapper) input[type=text]:not(.browser-default)
{
    /*border:1px solid #9e9e9e;*/
    /*padding-left:20px;
    padding-right:20px;*/
    /*margin:0;*/
}

/** SECTION **/
.newsletter-section {text-align:center;display:block;position:relative;}
.newsletter-section p.message {margin-top:10px;font-size:14px;line-height:120%;max-width:400px;margin:0;display:inline-block;}
.newsletter-input {position:relative;max-width:300px;margin:0;display:inline-block;width:100%;}
.newsletter-input input[type=text] {width:100%;box-sizing: border-box;}
.newsletter-input a {position:absolute;right:0px;top:0px;width:47px;height:47px;line-height:47px;cursor:pointer;}
.newsletter-input .material-icons {line-height:47px;}

.section.glossaire {margin-top:40px;}
.glossaire .free-text h4 {font-size:1.6rem;margin-bottom:10px;line-height:100%;}
.glossaire .glossaire-item {margin-bottom:30px;}


/** FOOTER **/
.main-header .sidenav-trigger {right:20px;color:rgba(255,255,255,.8);}
@media only screen and (max-width: 992px)
{
    .main-header .brand-logo {padding-left:10px;margin-left:0px;}
    main {padding-left:0;}
}



/** MOBILE **/
#mobile-menu li.header {padding-top:0;}
#mobile-menu li {line-height:42px;}
#mobile-menu .step1 a {padding-left:36px;}
#mobile-menu .step1:hover {background-color: rgba(0,0,0,.05);cursor:pointer;}
#mobile-menu > li:first-child {padding:10px;line-height:100%;padding-left:20px;}
#mobile-menu > li:first-child img {max-width:70%;padding-top:3px;}

/** FREE TEXT **/
/*.free-text a {background-color:rgba(160,197,255,.5);padding:5px;margin-left:-3px;border-radius:3px;margin-right:-3px;color:#e35d36;}
.free-text a:hover {background-color:rgba(160,197,255);color:#e35d36;}*/


/** MATERIALIZE **/
table {margin-bottom:30px;}
th {line-height:110%;}
td, th {padding-top:12px;padding-bottom:12px;}
td:first-child {padding-right:20px;}
td:last-child, th:last-child {text-align:right;}
@media only screen and (max-width: 320px)
{
    td, th {font-size:12px;}
}


.pk-collabsible .active .collapsible-header i.material-icons::after{content:'remove';}
.pk-collabsible .collapsible-header i.material-icons::after {content:'add';}
.pk-collabsible .collapsible-header {background-color:rgba(255,255,255,.8);}

.list-item img {border:1px solid #EEE;}

/** GLOBAL SOUND PLAYER **/

.drag-target {z-index:997;} /** materialize overwrite **/
#globalSound-player
{
    position:fixed;bottom:-70px;left:0;width:100vw;height:70px;background-color:#FF0000;z-index:998;
    transition: bottom 1s;
    display:none;
}

#globalSound-player .progress {width:100%;margin-top:0;}
#globalSound-player .big-button .material-icons {font-size:40px;}

.sound-timeline {width:100%;height:5px;background-color:#FFFFFF;opacity: .5;top:0;left:0;}
.drag-ui
{
    width:15px;height:15px;position:absolute;background-color:#CCCCCC;border-radius:7.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.drag-ui .touch-area {width:44px;height:44px;position:relative;top:-15px;left:-15px;}
.sound-player-show {bottom:0px!important;}
.sound-thumbnail {width:40px;height:40px;background-color:#FFFFFF;}

/** **/
.list-item .btn-floating {background-color:#df0368;width:50px;height:50px;right:15px;}
.list-item .btn-floating .material-icons {line-height: 50px;}
.list-item .progress .indeterminate {background-color:#df0368!important;}
.list-item .progress .determinate {background-color:#df0368!important;}
.list-item .progress {background-color:#df036833!important;}

/** video section **/
.video-section .btn-floating {background-color:#df0368;}

/** PAGINATION **/
.pk-pagination {border-top:1px solid #CCC;padding-top:20px;padding-bottom:20px;}
.pk-pagination .btn-floating:hover {background-color:#df0368;}
/*.pk-pagination .material-icons {font-size:4rem;}*/


p.pk-tags {margin-top:5px;margin-bottom:5px;}
/** OVERRIE STYLE **/


/********************************/
/*** PUBLIC CHAT
/********************************/



/********************************/
/*** VIDEO CHAT
/********************************/

.main-vchat-view .chat-status {position:absolute;z-index:100;top:0px;left:0px;}



.main-video-container {width:200px;height:100px;}
.main-video-container video {width:100%;}

.local-video-container {width:200px;height:100px;}
.local-video-container video {width:100%;}

.video-vignette-container {width:100%;height:auto;}
.video-vignette-container video {width:100%;height:auto;}

/********************************/
/*** ANIMATION
/********************************/

.fadeInOut
{
    -webkit-animation: 4s ease 0s normal forwards 1 fadeinout;
    animation: 4s ease 0s normal forwards 1 fadeinout;
}

@keyframes fadeinout
{
    0% { opacity:0; visibility:visible;}
    50% { opacity:1; }
    100% { opacity:0; visibility:hidden;}
}

@-webkit-keyframes fadeinout
{
    0% { opacity:0; visibility:visible;}
    50% { opacity:1; }
    100% { opacity:0; visibility:hidden;}
}


/********************************/
/*** FORM JS
/********************************/

.js-form .form-title {font-size:18px;font-weight:bold;margin-bottom:10px;line-height:100%;}
.js-form .input-field .error {}
.js-form .input-field .radio {margin-bottom:10px;}


/** BASIC CSS **/



/** COMMON STYLE **/
html
{
    font-family: Roboto,sans-serif;
    font-weight: 400;
}

body
{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color:#5f6368;
    line-height:1.5;
    font-size:16px;
    background-color: #f5f5f6;
}



/** .pk-main {max-width:1200px;margin:auto;} **/
.pk-main {min-height:100vh;position:relative;}

section {max-width:100%;margin:auto;}
/*section :last-child {padding-bottom:10px;}*/

.section .pk-section-content {max-width:1200px;margin:auto;padding-left:24px;padding-right:24px;}
.section .pk-section-content .row {margin-bottom:0px;}
.section h1 {margin-top:0;/*margin-bottom:10px;*/}

.section .pk-content-container {padding-left:24px;padding-right:24px;}

.row .section {padding-top:0;padding-bottom:0;}
.row .pk-content-container {padding-left:0px;padding-right:0px;}
.row .pk-section-content {padding-top:0;padding-bottom:0px;}

/** **/
@media only screen and (max-width:600px)
{
    .section .pk-section-content {padding-left:0px;padding-right:0px;}
    .section .pk-content-container {padding-left:0px;padding-right:0px;}
}




header p {margin:0;}

strong {font-weight:bold;}

/*#user-nav {background-color:#0b126f;}*/
#user-nav {background-color:#1e0f01}
#user-nav a:hover {color:#86abff;}

.loggedin #user-nav {background-color:#d62397;}
#user-nav i {line-height:32px;height:32px;}
#user-nav span.round {height:12px;width:12px;background-color:#FFFFFF;border-radius:6px;display:inline-block;position:absolute;top:3px;right:5px;}
#user-nav .notification {position:relative;}
#dropdown_notification {width:300px!important;top:36px!important;}




nav,.btn, .btn-large, .btn-small
{
    /*background-color:#121ec0;*/
    background-color:#001064;
}



#main-scroll {overflow-y:auto;min-height:100%;}

/*********************************/
/*** PREVIEW - STRUCTURE
/*********************************/






/****************************/
/*** TYPOGRAPHIE
/****************************/


h1 {margin-top:20px;margin-bottom:8px;font-size:4rem;line-height:1.2;}
h2 {margin-top:0px;font-size:2rem;margin-bottom:8px;line-height:1.2;}
h2, h3, h4, h5, h6
{
    color:#000000;
}

.h2.page-list-heading {font-size:16px;}

h5 {line-height:135%;}
p {margin-bottom:5px;margin-top:5px;color:#283593;font-size:16px;line-height:1.5}
p.secondary-font
{
    font-family:"Roboto Mono",monospace;
    font-weight:400;
    text-transform: uppercase;
    color:#5f5fc4;
}

p > ul {margin-left:20px;}


/** UTILS **/
.hidden {display:none;}
.pk-hidden {display:none;}

/** ne marche pas **/
.col .pk-section-content  {padding-left:0px!important;padding-right:0px!important;}


.horaire {}

.no-select
{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}



.date {font-family:Roboto mono,monotype;text-transform:uppercase;margin-bottom:5px;color:#000000;margin-bottom:0;}
.ulpr-chapeau {font-size:18px;color:#000000;line-height:140%;margin-bottom:1rem;}
.ulpr-acces {font-size:13px;color:#0b126f;line-height:150%;}
.ulpr-description {margin-top:15px;margin-bottom:15px;}
.ulpr-categorie
{
    font-weight:normal;
    background-color:#111ec0;
    padding-bottom:1px;padding-top:1px;padding-right:5px;padding-left:5px;color:#FFFFFF;display:inline-block;font-size:12px;
    min-width:30px;
}
.ulpr-copyright {font-size:11px;}

.ulpr-external-link {font-size:12px;}
.evenements h4 {margin-top:10px;}

hr, .hr {width:100%;background-color:#363636;height:1px;display:inline-block;margin-top:10px;margin-bottom:10px;opacity:.5;}
hr.large-hr {width:100%;margin-top:2rem;margin-bottom:2rem;height:2px;}

span.ulpr {color:#111ec0;}
span.profession {color:#999999;font-style:italic;font-size:14px;}


.show-on-small {display:none;}


/** TEXTE ARTICLE **/
.pk-text-container p {font-size:18px;/*line-height:150%;*/}
.pk-text-container a {text-decoration:underline;}
.pk-text-container a:hover {background-color:#e4ff54;}


/***************************/
/*** UTILS
/***************************/

.pk-sticky
{
    position: fixed!important;
    /*top: 50px!important;
    right:0px!important;
    width: 300px; */
}

.pk-utils-fullscreen
{
    position:fixed!important;
    width:100vw!important;
    height:100vh!important;
    top:0px;
    left:0px;
    margin:0;
    padding:0;
    z-index:20;
}

.no-margin-top {margin-top: 0px!important;}
.no-margin-bottom {margin-bottom: 0px!important;}
.no-margin {margin:0!important;}



/** UTIL **/
.font-size-extra-mini {font-size:12px!important;line-height:1.2;}
.font-size-mini {font-size:14px!important;line-height:1.5;}
.font-size-mini .material-icons {font-size:14px;line-height:1.5;}
/*p.font-size-mini, span.font-size-mini {font-size:14px;line-height:1.5;}*/
.font-size-big  {font-size:18px!important;line-height:1.8;}

.no-margin {margin:0!important;}
.no-margin-top {margin-top:0!important;}
.no-padding {padding:0!important;}
.no-shadow
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.section-h1 {padding-bottom:0px;}
.section-h1 .row {margin-bottom:0px;}

.giveMeEllipsis
{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 20px;        /* fallback */
   max-height: 40px;       /* fallback */
}


.pk-table {display:table;width:100%;}
.pk-table-cell {display:table-cell;width:100%;}
.pk-table-row {display:table-row;}



@media only screen and (max-width: 600px)
{
    h1 {font-size:34px;margin-top:0;margin-bottom:0;}
    h2 {font-size:30px;}
    h3 {font-size:26px;}
    h2.h2 {font-size:32px;}

    p {font-size:14px;line-height:1.5;}

    .section-h1 {margin-bottom:10px!important;padding-bottom:0px;font-size:3.2rem;}
}



/** TAILLE DU CONTAINER DE CONTENU **/
@media only screen and (max-width: 1200px) and (min-width:993px)
{
    /*section, .section {max-width:95%;}*/
    .section .pk-section-content
    {
        padding-left:40px;
        padding-right:40px;
    }
}

@media only screen and (max-width:992px) and (min-width:601px)
{
    .section .pk-section-content
    {
        padding-left:20px;
        padding-right:20px;
    }
}





/***************************/
/** HEADER
/***************************/

/** MAIN MENU **/
.pk-main-item i.right {margin-left:3px;}
#main-nav li.pk-indicator
{
    position:absolute;height:3px;background-color:#FFFFFF;width:200px;left:0px;bottom:0px;
    transition: width 0.1s linear;
    transition: left 0.1s linear;
    transition: opacity 0.1s linear;
}

.pk-subnav {box-shadow: 0 2px 4px rgba(0,0,0,.5);}

nav .brand-logo {max-width:70%;z-index:1;height:64px;/*border:1px solid #00FF00;*/display:flex;}
.brand-logo img {max-width:100%;height:44px;}
nav .brand-logo a {height:inherit;display:block;text-align:center;}
nav .brand-logo p {color:#FFFFFF;}

/*#main-nav-ul {position:relative;}*/

/** **/
@media only screen and (max-width: 992px)
{
    /** nom du site **/
    nav .brand-logo {font-size:1.2rem;width:100%;text-align:center;margin-left:0!important;}
}

/** **/
@media only screen and (max-width:600px)
{
    nav .brand-logo {height:56px;}
}

nav .nav-wrapper > ul {/*position:relative;*/z-index:2;}

/* hauteur du menu principal 32px + 96 px **/
header {max-height:96px;}

header #main-nav > .nav-wrapper {box-shadow: 0 2px 4px rgba(0,0,0,.5);}
/*nav .nav-wrapper a:hover {border-bottom:none!important;padding-bottom:0;}*/


/***************************/
/** BLOC
/***************************/

a.pk-bloc {color:inherit;}
.pk-bloc {display:inline-block;padding:.5rem;box-sizing:border-box;border:1px solid transparent;}
.pk-bloc h5 {font-size:20px;margin:0;line-height:1.2;}
.pk-bloc:hover {border-color:#CCCCCC;}

/****************************/
/*** GLOBAL COMPONENT
/****************************/

.section-h1 .img-container {margin-top:10px;margin-bottom:10px;}

.img-container a:hover {border:none;}
.img-container img {width:100%;height:auto;}
.force img {width:100%;height:100%;}
.img-container.avatar
{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:50px;
    height:50px;
}


.pk-collabsible
{
    border-bottom-color:rgba(0,0,0,0.1);border-bottom-style: solid;border-bottom-width: 1px;
    position:relative;padding-right:30px;
}

.pk-collabsible .btn-floating
{
    background-color: rgba(54,54,54,0);
    color: #363636;
    line-height: 30px;
    height: 30px;
    width: 30px;
    position:absolute; top:0px;right:0px;
}

.pk-collabsible .btn-floating:hover {background-color:rgba(174,234,0,1);}
.pk-collabsible .btn-floating i {color:#363636;line-height:30px;}

.pk-collabsible .pk-collabsible-header {padding-bottom:10px;}
.pk-collabsible .pk-collabsible-header h5 {font-size:1.4rem;}
.pk-collabsible .pk-collabsible-header i {position:absolute;right:0px;top:0px;}
.pk-collabsible .pk-collabsible-body {padding-bottom:20px;}


/****************************/
/*** SUMMARY
/****************************/

#summary-sticky
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    margin:0;
    background-color:#eeeeee;
    opacity : 0;
    visibility: hidden;
    transition: opacity .3s,visibility .3s;
    padding-top:2rem;
    z-index:1;
}

#summary-sticky section {margin:0;padding:0;}
#summary-sticky section.menu {border-bottom:1px #111ec0 solid;margin-top:1rem;margin-bottom:.5rem;}
#summary-sticky section.menu a {margin-right:1rem;text-transform:uppercase;color:#999999;font-size:12px;}
#summary-sticky section.menu a.selected {color:#111ec0;}
#summary-sticky section.menu a:hover {color:#111ec0;}
#summary-sticky h2 {margin:0;}
#summary-sticky .row {margin-left:auto;margin-right:auto;margin-bottom:0;}

/** LOGO HEADER **/
#brand-logo svg path {fill:#FFFFFF;}



/***************************/
/** BREADCRUMP
/***************************/

.nav-breadcrumb
{
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height:100%;
    height:auto;
    min-height:30px;
    margin-top:2rem;
    padding-left:24px;
}

.nav-breadcrumb .col {padding-left:0;}
.breadcrumb {color:#363636;font-size:14px;}
.breadcrumb:hover {color:#014eff;}
.breadcrumb.selected {color:#aeea00;font-weight:bold;font-size:18px;}
.breadcrumb:before {color:rgba(0,0,0, 0.4);font-size:25px;}
.breadcrumb:last-child:not(.selected) {color:rgba(0,0,0, 0.4);font-size:14px;}



@media only screen and (min-width: 601px)
{
    .ulpr-construction {line-height:32px;height:32px;font-size:12px;padding-left:20px;}
    #user-nav li.pk-user {line-height:32px;font-size:12px;}
    #user-nav li.pk-user > a {line-height:32px;height:32px;font-size:12px;}
    #user-nav {height:32px;}
}

.page-footer {background-color:#1e0f01;}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #000000;
}

.input-field p {margin-bottom:0;padding:0;font-weight:bold;font-size:14px;}
.input-field {margin-bottom:1rem;}

.pk-form span.mandatory::after
{
    content: " *";
}


input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #283593;
    -webkit-box-shadow: 0 1px 0 0 #283593;
    box-shadow: 0 1px 0 0 #283593;
}


input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown
{
     border-bottom: 1px solid #aeea00;
}




[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #121ec0;
}




input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #aeea00;
    -webkit-box-shadow: 0 1px 0 0 #aeea00;
    box-shadow: 0 1px 0 0 #aeea00;
}



.error input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=password]:not(.browser-default), input.valid[type=email]:not(.browser-default), input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default),input.valid[type=datetime-local]:not(.browser-default), input.valid[type=tel]:not(.browser-default), input.valid[type=number]:not(.browser-default), input.valid[type=search]:not(.browser-default), textarea.materialize-textarea.valid, .select-wrapper.valid > input.select-dropdown
{
    border-bottom: 1px solid #FF0000;
    box-shadow: 0 1px 0 0 #FF0000;
}




textarea.materialize-textarea {line-height:120%;}




/*****************************************/
/*** UI
/*****************************************/

/** **/
.pk-stickymenu
{
    position:absolute;
    right:20px;
    width:250px;
    padding-top:30px;
    padding-left:20px;
    top:50px;
    background-color:#FFF;
    border-color:#CCC;
}


/** MATERIALIZE **/

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)
{
    color:#014eff;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover
{
     color:#060f3e;
     text-decoration: underline;
}


.btn-flat {background-color:transparent!important;color:#888888;}
.btn:hover, .btn-large:hover, .btn-small:hover {text-decoration:none;}

/** BADGE **/
span.pk-badge {padding:3px;padding-left:4px;padding-right:4px;font-family:"Roboto Mono",monospace;font-size:12px;background-color:#5f5fc4;text-transform:uppercase;text-align:center;color:#FFFFFF;}

/** CHECKBOX **/
.input-field.error [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {border-color:#FF0000;}
[type="checkbox"].filled-in:checked + span:not(.lever):after
{
    border-color:#001064;
    background-color:#001064;
}

[type="checkbox"] + span:not(.lever) {line-height:20px;}
[type="checkbox"]:checked + span:not(.lever):before
{
    border-right-color:#aeea00;
    border-bottom-color:#aeea00;
}



.pk-captcha img {margin-top:.5rem;}
.pk-feedback
{
    padding:1rem;
    background-color:#dcedc8 ;
    border-radius:2px;
    /*display:none;*/
}

.error .pk-feedback,.pk-feedback.error {background-color:#ffcdd2;color:#FF0000;}

/** COLLAPSIBLE **/

.collapsible li.disabled .collapsible-body {
    display: none !important; /*or using id of the app to avoid the use of !important*/
}

.collapsible li.disabled .collapsible-header {
    background-color:#EEEEEE;
}

/** garde la fonctionnalité sans les styles **/
.collapsible.no-style
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.collapsible.no-style .collapsible-body {padding:10px;}

/** DROPDOWN **/
.dropdown-content li > a, .dropdown-content li > span {color:#283593;}

/** **/
/*.table-of-contents a.active, .table-of-contents a:hover  {border-left-color:#1faa00;}*/
.table-of-contents a.active  {border-color:#e00868;}





/** **/
/** MENU **/
/** SOUS NAVIGATION MODE DESTOP **/
/** **/

/** SOUS NAVIGATION MODE DESTOP **/
.pk-subnav
{
    position:absolute;
    width:100vw;
    /**width:100vw;**/
    background-color:#363636;
    height:auto;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:1rem;
    /*top:96px;*/ /** hauteur du menu + menu utilisateur **/
    left:0;
    z-index:2000;
    color:#FFFFFF;
    line-height:100%;
    opacity:0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.pk-subnav a {padding:0;background-color:transparent!important;margin-bottom:.2rem;line-height:120%;}
.pk-subnav a:hover {font-weight:bold;}
.pk-subnav-list {margin-top:1rem;}
.pk-subnav-list li {display:block;width:100%;}




/*************************************/
/*** FORM
/*************************************/

.pk-form {padding:0px;background-color:transparent;}
.pk-form input {box-sizing:border-box!important;}
.pk-form .menu {margin-top:40px;}
.pk-form .menu button {min-width:130px;}

.pk-form .pk-section-content {padding:0!important;}
.pk-form .fieldname {display:none;}

.pk-form .iti {width:100%!important;}
.pk-form .pk-phone .error-hint {padding-top:6px;}
.pk-form .iti>input {padding-left:50px!important;}


/** PASSWORD **/
/*.pk-form-password {position:relative;}
.pk-form-password i {position:absolute;right:10px;top:10px;cursor:pointer;}
.pk-form-password input[type=password], .pk-form-password input[type=text] {}*/

/** CAROUSEL **/
.carousel-item {position:relative;}
.carousel-item .carousel-content {position:absolute;top:0px;left:0px;padding:20px;margin:0;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-item .carousel-content h2 {margin:0;}
.carousel-item .copyright {position:absolute;bottom:5px;right:10px;font-size:12px;}
.white-text .carousel-item .copyright {color:#FFFFFF;}


.carousel .indicators .indicator-item {margin-bottom:20px;}
.carousel.carousel-slider .carousel-item h2 {line-height:100%;}
.carousel .pk-date-box {background-color:#FFFFFF;}

.free-carousel {position:relative;}
/*.free-carousel .pk-carousel-navigation {position:absolute;width:100%;height:100%;top:0px;left:0px;}*/
.free-carousel a.prev {position:absolute;left:-40px;}
.free-carousel a.next {position:absolute;right:-40px;}
/** **/
@media only screen and (max-width: 992px)
{
    /*.free-carousel .pk-carousel-navigation .material-icons
    {
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }*/
    .free-carousel .pk-carousel-navigation a.prev {position:absolute;left:20px;}
    .free-carousel .pk-carousel-navigation a.next {position:absolute;right:20px;}
}

@media only screen and (max-width: 400px)
{
    .free-carousel .pk-carousel-navigation {display:none;}
}


/** PARALLAX **/
.parallax-container {height:300px;}
.parallax-container .parallax video {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}


/** INPUT-FIELD **/
.input-field.error textarea, input-field.error input {border-bottom-color:#FF0000;}
.error-hint {color:#FF0000;margin-top:-5px;font-size:12px;}



.pk-line-btn
{
    border:1px solid rgba(40,53,147,0.3);
    padding:7px 10px 7px 10px;
    text-transform: uppercase;
    font-size:14px;color:#283593;
    margin-top:20px;
    margin-bottom:20px;
    display:inline-block;
}

.pk-line-btn:hover {border-color:rgba(40,53,147,1);background-color:rgba(40,53,147,0.1);}





/***************************************/
/*** TEMPLATE ACCUEIL
/***************************************/

/*.accueil .carousel {border: solid 1px #CCCCCC;}
.accueil .carousel .carousel-item {background-color:#333333;}
.accueil .carousel-item .pk-date-box {display:block;position:absolute;top:0;right:0;margin:0}
@media only screen and (max-width: 600px)
{
    .accueil .carousel-item .pk-date-box {display:none;}
    .accueil .carousel-item h4 {font-size:18px;}
}*/


.news-item .date {margin-top:1.25rem;margin-bottom:0.25rem;}
.news-item p {margin:0;line-height:1.3;}


/** **/
@media only screen and (max-width: 992px)
{
    /** nom du site **/
    nav .brand-logo {font-size:1.2rem;width:auto;text-align:center;margin-left:0!important;color:#FFFFFF;}
}


/***************************************/
/*** TEMPLATE FREE
/***************************************/

.free-text h3:first-child {margin-top:0px;}
.free-text h4:first-child {margin-top:0px;}
.free-text h5:first-child {margin-top:0px;}
.free-text h5 {margin-bottom:0px;margin-top:0px;}

.free-text ul li, .free-text ol li
{
    list-style-position: inside;
    color:#283593;
    font-size:16px;line-height:1.5;
    margin-left:20px;
}

.free-text ul li {list-style-type:circle;}

.free-image img {max-width:100%;display:block;margin-bottom:10px;}
.free-image a {display:block;margin:0;padding:0;}
.free-image .ulpr-copyright {margin:0;}

.free-text p {margin:0;padding:0;font-size:16px;/*max-width:650px;*/}

.free-text strong {font-weight:bold;}
.free-text {/*max-width:880px;*/}

hr.free-hr {display:inline-block;margin:0;min-width:100px;}

.section-separator {margin:0;padding:0;}

/** gestion des typologies d'articles **/
.pk-free .correspondance {background-color:#EFEFEF;padding:20px;font-family:Roboto mono,monotype;}
.pk-free .article {}
.pk-free .news {}


.free-breadcrump {margin:0;padding-bottom:0;}
.free-breadcrump nav {margin:0;}
.free-breadcrump .row {margin-bottom:0;}
@media only screen and (max-width: 600px)
{
    .free-breadcrump {border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:10px;}
}

.free-fond
{
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    z-index:-1;
}


.free-citation blockquote {margin-top:0;}
/*.free-citation blockquote p::before {content: '\201C';}
.free-citation blockquote p::after {content: '\201D';}*/


.free-citation blockquote
{
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #eee;
  padding: 1.5em 0 0.5em;
  margin: 1.5em 0;
  position: relative;
}

.free-citation blockquote:before
{
  content: '\201C';
  /*content : '';*/
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #666;
  text-align: center;
}

.free-citation blockquote:after {
  content: "\2013 \2003" attr(cite);
  content:'';
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #e74c3c;
}

.free-citation blockquote p {font-size:30px;font-family:Roboto,sans-serif,sans-serif;}
.free-citation img {padding:4px;}
.free-citation img:hover {border:solid 1px #CCCCCC;padding:3px;}

.free-line .list-item {width:25%;max-width:25%;flex-basis:100%;}
.free-line .free-bloc img {margin-bottom:1.5rem;}
.free-line .free-bloc h4 {font-size: 16px;margin: 0;}
.free-line .free-bloc p {font-size: 14px;line-height: 120%;}

.list-item .list-item-content {position:relative;}
/**.list-item .icone-overlay {position:absolute;left:0px;top:0px;right:0,bottom:0;margin:auto;text-align:center;width:100%;display:block;color:var(--primary_color);height:100%;}**/
.list-item .icone-overlay {position:absolute;top:10px;left:10px;color:var(--primary_color);}
.list-item .icone-overlay i {font-size:42px;}



.pk-description {font-size:20px;line-height:1.5;margin-bottom:40px;color:#071352;max-width:650px;}

@media only screen and (max-width: 600px)
{
    .free-line .list-item-content {margin-top:7px!important;}
    .free-line .list-item {width:50%;max-width:50%;flex-basis:100%;}
    .free-line .list-item h4 {font-size:14px;}
}

@media only screen and (max-width: 400px)
{
    .free-line .list-item {width:100%;max-width:100%;flex-basis:100%;}
}


.free-embed .embed-alert {border:1px solid rgba(0,0,0,0.2);background-color:#FFFFFF;}
.free-embed .embed-alert-content {padding:24px;}
.free-embed .embed-alert-content p {color:#363636;}

.free-button.btn-center {text-align:center;}
.free-button.btn-right {text-align:right;}
.free-button.btn-left {text-align:left;}


.free-text a, .ql-editor a {color:#014eff!important;}


/***************************************/
/*** TEMPLATE EVENEMENTS
/***************************************/


.event-item a h5, .event-item a h4 { transition: 0.3s;}
.event-item a h5:hover, .event-item a h4:hover {color:#111ec0;}
.event-item img {max-width:100%;}
.event-item:not(:first-child) {margin-top:25px;}

p.access {font-size:14px;color:#0b126f;}

.evenement .menu-container li {font-size:13px;line-height:110%;padding-bottom:5px;}
.evenement .repas {font-size:14px;}

.evenement .pk-main .section {margin:0;}
.evenement .pk-main section {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.evenement .pk-main row {margin-bottom:0;}

/** DATE BOK **/
.pk-date-box {width:70px;height:auto;padding:.3rem;background-color:rgba(95,95,196,0.1);font-family:Roboto mono,monotype;border-color:#FFFFFF;border-style:solid;border-width:2px;color:#000000;line-height:100%;display:inline-block;margin-bottom:10px;margin-top:10px; text-shadow: none;min-height:90px;}
.pk-date-box .pk-day {font-size:10px;display:block;text-align:center;text-transform:uppercase;}
.pk-date-box .pk-num {font-size:28px;display:block;text-align:center;font-weight:bold;margin-top:.5rem;margin-bottom:.8rem;}
.pk-date-box .pk-month {font-size:12px;display:block;text-align:center;text-transform:uppercase;}
.pk-date-box .pk-year {font-size:11px;display:block;text-align:center;}


.pk-event-info {background-color:#FFFFFF;overflow:auto;position:relative;}
/** padding comme les marges des cards. **/
.pk-event-info .content-container {width:30%;float:right;background-color:#FFFFFF;min-height:100px;padding-left:24px;position:relative;}
.pk-event-info .img-container {width:70%;display:inline-block;}


@media only screen and (max-width:992px)
{
    /*.pk-event-info .content-container {width:50%;}
    .pk-event-info .img-container {width:50%;}*/
}

@media only screen and (max-width:600px)
{
   .pk-event-info .content-container {width:100%;}
   .pk-event-info .img-container {width:100%;}
}

.pk-flag
{
    background-color:#aeea00;
    padding-top:5px;padding-right:5px;padding-left:5px;padding-bottom:5px;
    position:absolute;
    top:0;left:0;color:#000000!important;
    text-transform: uppercase;
    font-family: "Roboto Mono",monospace;
    font-size:12px;
    margin:0;
}



/***************************************/
/*** TEMPLATE RECETTES
/***************************************/

.recettes .repas {font-size:13px;line-height:110%;padding-bottom:5px;}


/***************************************/
/*** TEMPLATE RECETTE
/***************************************/

.recette .img-container img {max-height:300px;}




/***************************************/
/*** TEMPLATE COOKIES
/***************************************/

.cookies h6 {margin-top:2rem;}
.cookies button {margin-top:2rem;}

/***************************************/
/*** TEMPLATE CONSTRUCTION
/***************************************/

.construction ul {margin-top:.1rem;}


/***************************************/
/*** TEMPLATE MAGAZINE
/***************************************/

.magazine h5 {margin-top:0;}

/***************************************/
/*** TEMPLATE PERSONNES
/***************************************/

.personnes .item {border-radius:5px;background-color:rgba(255,255,255,.5);overflow:hidden;}
.personnes .item:hover {background-color:rgba(255,255,255,1)}
.personnes .nom {line-height:100%}
.personnes .profession {font-size:12px;}

.personne-box p {font-size:12px;line-height:100%;}
.personne-box img {max-width:100%;}
.personne-box span.label {font-size:14px;line-height:100%;}

/***************************************/
/*** TEMPLATE FILM
/***************************************/

.film-container {background-color:#EEEEEE;margin-top:300px;position:relative;padding:20px!important;}
.film-container h5 {margin-top:0px;}
.film-affiche
{
    position:absolute;top:-100px;right:20px;
    width:150px;height:auto;min-height:200px;
    background-color:#FFFFFF;
    padding:5px;
}

.film-header {min-height:100px;margin-top:20px;margin-bottom:20px;}
.film-header .film-titre {padding-right:250px;}
.film-affiche img {width:100%;height:auto;}
.film-menu {width:100%;}

.film-header, .film-content {padding-right:.75rem;padding-left:.75rem;}


.film-info-cell {display:flex;}
.film-info-cell {border-bottom:1px solid #000000;padding-top:5px;padding-bottom:5px;}

.film-info-cell .cell-label {flex-basis:auto;width:200px;padding-right:10px;}
.film-info-cell .cell-value {padding-left:10px;}

.film-container .film-content {background-color:#FFF;padding:20px;}

.film-content td:last-child {text-align:left;}

@media only screen and (max-width: 600px)
{
    .film-affiche {display:none;}
    .film-container {margin-top:100px;}
    .film-header .film-titre {padding-right:0px;}
}


/***************************************/
/***
/***************************************/






/***************************************/
/*** MENU MOBILE
/***************************************/

#mobile-menu a {font-size:14px;}
#mobile-menu h6, #mobile-menu a {padding-left:16px;padding-right:16px;margin:0;}
#mobile-menu h6 {line-height:64px;}
#mobile-menu li > a > i,
#mobile-menu li > a > [class^="mdi-"],
#mobile-menu li > a li > a > [class*="mdi-"],
#mobile-menu li > a > i.material-icons
{
    margin-right:0px;
    margin-left:32px;
    height:42px;
}

#mobile-menu img {width:100%;}

#mobile-menu a {color:#5f6368;}
#mobile-menu a.pk-selected {color:#000000;}
#mobile-menu a.lang-item {display:inline-block;margin:auto;}
#mobile-menu li.header {border-top:solid 1px #CCCCCC;padding-top:1rem;}
#mobile-menu li.header > a {font-size:16px;color:#000000;}

/** TODO ne marche pas **/
#mobile-menu li.pk-user:first-child {border-top:solid 1px #CCCCCC;}
#mobile-menu li.pk-user:last-child {border-bottom:solid 1px #CCCCCC;}

/* @media only screen and (max-width: 992px){} */
#mobile-menu .collapsible-body a {padding-left:40px;display:block;}
#mobile-menu .collapsible-body a.selected {background-color:#FFF;font-weight:bold;}

#mobile-menu li.active .collapsible-header a {font-weight:bold;}
#mobile-menu .collapsible-header {position:relative;}
#mobile-menu .collapsible-header a.chevron {position:absolute;right:0;top:0;height:43px;width:43px;transform-origin:center;}
#mobile-menu .active a.chevron {transform: rotate(90deg);;}
#mobile-menu a.chevron {padding:0;}
#mobile-émenu a.chevron i.material-icons {width:43px;margin:0;}

#l-menu li.header {padding-top:0;}
#l-menu li.header > a {color:#5f6368!important;}


/***************************************/
/*** PREVIEW CONTAINER
/***************************************/

.preview-container {width:100%;height:40px;background-color:#FF0000;padding-right:20px;padding-left:20px;font-size:14px;color:#000000;line-height:40px;}
.preview-container a {color:#000000;}
.preview-container i {line-height:40px;}
.preview-container .menu-right {height:100%;}
.preview-container .menu-right ul {top:0;left:0;position:relative;height:100%;margin:0;padding:0;}
.preview-container .menu-right ul li {float:left;}
.preview-container .row {margin-bottom:0;}

.preview header {max-height:none;}








/***************************************/
/*** SLIDE SHOW
/***************************************/

.pk-slides
{
    position: relative;
    height: 300px;
    padding: 0px;
    margin: 0px;
    width:100%;
    list-style-type: none;
    overflow: hidden;
}

.pk-slide
{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.pk-slider img {max-height:100%;position:relative;}

.pk-slide.showing
{
    opacity: 1;
    z-index: 2;
}

/***************************************/
/*** APP PRELOADER
/***************************************/

/** Overlay et preloader **/
#app-preloader {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1400;text-align:center;}
#app-preloader .preloader-wrapper {margin:auto;}
#app-preloader .pk-overlay {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000;opacity:.8;}

/** body **/


/**************************************/
/*** GRID
/**************************************/

.grid {
  position: relative;
}

.item
{
    display: block;
    position: absolute;
    width: 20%;
    height: auto;
    margin:10px;
    z-index: 1;
    background-color: transparent;
}

.pk-grid .item
{
    margin: 5px;
    width:250px;
}

.pk-grid .item img {width:100%;}





.item.muuri-item-dragging {
  z-index: 3;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-hidden {
  z-index: 0;
}

.item-content
{
    position: relative;
    width: 100%;
    height: 100%;
}

/***********************************/
/*** MIND MAP VIEW
/***********************************/

 .pk-mind-map {min-height:500px;height:500px;}


 /**********************************/
 /*** SLIDER
 /**********************************/

.slider .indicators .indicator-item {background-color:#363636;}
.slider .indicators .indicator-item.active
{
    background-color: #001064;
}

/***********************************/
/*** MOTEUR DE RECHERCHE
/***********************************/

.search-form
{
    background: #fff;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    transition-delay: .1s;
    transition: opacity .1s cubic-bezier(.4,0,.2,1),visibility .1s;
    /*visibility: hidden;*/
    z-index: 4;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height:64px;
    padding: 0 72px 0 20px;
    width:100%;
    box-shadow : 0 2px 4px rgba(0,0,0,.5);
}

.search-form input {
    width:100%;height:100%;border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:24px;
}


.search-form input:focus {outline: none;}
.search-close {position:absolute;right:0;top:0;width:64px;height:64px;z-index:5;}
.search-close i {line-height:64px!important;font-size:2rem!important;}

.search-item {margin-bottom:10px;}


/** LISTE DE PAGE/ITEM **/

.pk-list-view {display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px;/*margin-bottom:30px;*/}
.list-item {max-width:33.33%;flex-basis: 33.333%;}

.fullwidth .list-item {max-width:100%;flex-basis:100%;}

.list-item-glossaire {max-width:100%;flex-basis:100%;padding-left:20px;padding-right:20px;}
.list-item-glossaire li {display:inline-block;float:left;}

.list-item > a {padding:20px;display:inline-block;width:100%;}
.list-item .list-item-container {padding:20px;display:block;width:100%;}
.list-item .btn-floating {background-color:#aeea00;}
.list-item .progress {margin:0!important;}


.list-item:hover {box-shadow: 0 0 0 1px rgba(0,0,0,.16);border:none;}
.list-item:hover .list-item-options {display:block;}

.list-item h4 {font-size:20px;margin:0;margin-bottom:10px;}
.list-item img {width:100%;display:block;background-color:#FFFFFF;}
.list-item .list-item-options {position:absolute;top:5px;right:5px;display:none;}
.list-item i {pointer-events: none;}

.list-item .secondary {font-size:16px;}
.list-item p {font-size:14px;line-height:120%;}
.list-item .list-item-content {margin-top:1rem;}

.list-item .pk-table {position:relative;}
.list-item .pk-table .pk-table-row {position:relative;}
.list-item .pk-table-cell
{
    position: relative;
    vertical-align: middle;
}

.list-item .pk-table .pk-item-speaker {width:50%;padding-left:10px;}
.list-item .pk-table .pk-item-info {width:50%;}


.pk-list-mini .list-item {max-width:20%;flex-basis:20%;}
.pk-list-mini .list-item h4 {font-size:14px;}


@media only screen and (min-width: 601px) and (max-width: 992px)
{
    .list-item {max-width:50%;flex-basis:50%;}
    .pk-list-mini .list-item {max-width:33.33%;flex-basis:33.33%;}
    .pk-list-view .list-item h4 {font-size:16px;}
    .list-item .list-item-content {margin-top:.5rem;}
    .free-line .list-item {width: 33.333%; max-width: 33.333%;}
}

@media only screen and (max-width: 600px)
{
    .list-item {max-width:100%;flex-basis:100%;}
    .pk-list-mini .list-item {max-width:100%;flex-basis:100%;}

    .pk-table-cell {display:block;}
    .list-item .pk-table .pk-item-speaker {width:100%;padding:0;}
    .list-item .pk-table .pk-item-info {width:100%;padding:0;margin-bottom:15px;}
}

/** Moteur de recherche dans la page **/
.pk-search-form {position:relative;width:100%;}
.pk-search-form input {padding-right:88px!important;width:100%;position:relative;}
.pk-search-form .pk-search-form-menu {position:absolute;right:-88px;top:3px;}
.pk-search-form .cancel {position:absolute;right:0px;top:3px;}


/**********************/
/*** SPINNER
/**********************/

.spinner-layer {border-color:#aeea00;}



/**********************/
/*** CARD ROW
/**********************/

@media only screen and (max-width: 600px)
{
    .fullwidth .col {padding:0;}
    .card .card-content {padding-left:12px;padding-right:12px;padding-top:12px;}
}


/**********************/
/** FOOTER
/**********************/

#footer-message p {max-width:900px;color:#000;}
#add-album-photos .pk-form .menu {margin-top:10px;}

/** menu **/
.page-footer .pk-selected a {color:#FFFFFF;}
/*.page-footer a {color:#060f3e;}*/
.page-footer a:hover {color:#FFFFFF;}

@media only screen and (max-width:600px)
{
    .page-footer {padding-top:0px;padding-left:20px;padding-right:20px;}
}




/**********************/
/*** PANIER
/**********************/

.cart-line {border-bottom:solid #CCCCCC 1px;}

/** footer **/
#panier {position:relative;background-color:#EEEEEE;}
#panier h5 {margin-top:0;margin-left:10px;}
#panier-footer-close {position:absolute;top:24px;right:24px;color:#283593;}
#panier .row {margin-bottom:0;}

.produit-description {border-right:1px solid rgba(0,0,0,0.5); padding-right:10px;}
.produit-description img {margin-right:10px;width:100%;height:auto;max-width:100px;}

p.produit-label {color:#aeea00;font-weight:bold;margin:0;font-size:16px;}
p.produit-prix {font-size:12px;margin:0;}
p.produit-quantite {font-size:12px;margin:0;}

.card-resume p {margin:0;}
.card-resume-action {margin-top:20px;}



/***********************/
/** STRIPE
/***********************/

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/**********************************/
/*** FREE ELEMENTS
/**********************************/



/**********************************/
/*** PAGINATION
/**********************************/

.pk-pagination {margin-top:10px;}
.pk-pagination .btn-floating
{
    background-color: rgba(225,226,225,0.3);
    color: #363636;
    line-height: 40px;
    height: 40px;
    width: 40px;
}

.pk-pagination .btn-floating:hover {background-color:rgba(174,234,0,1);}
.pk-pagination .btn-floating i {color:#363636;line-height:40px;font-size:2rem;}
.pk-pagination .page-count
{
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    line-height: 40px;
    height:40px;
    font-size:1.2rem;
    font-family:"Roboto Mono",monospace;
    /*font-weight: bold;*/
}

/**********************************/
/*** CHIPS
/**********************************/

.chip a {color:#363636;}
.chip:hover,.chip.selected  {background-color:rgba(54,54,54,0.3);}
.pk-chip {}

/**********************************/
/*** LINK
/**********************************/

.link-item h5 {font-size:16px;}
.link-item {margin-bottom:10px;}

/**********************************/
/*** WALL/POST
/**********************************/

.post-container {padding-left:60px;}
.post .avatar {width:50px;height:50px;margin-right:10px;}
.post .img-container {margin-bottom:10px;}
.post .hashtag {color:#aeea00;}

/**********************************/
/*** DON FORM
/**********************************/

.don-tag {border-color:#aeea00;padding:10px;border-style:solid;border-width:1px;display:inline-block;}
.don-tag.selected, .don-tag:hover {background-color:#aeea00;color:#FFFFFF;}

/**********************************/
/*** FREE FOND
/**********************************/

.fond {margin-top:0;padding-top:0;width:100%;height:auto;z-index:-1;top:0;left:0;position:absolute;}
.fond video {}
.fond img {}
.fond .video_menu {position:absolute;right:20px;bottom:20px;}


/** VERSION CLAIRE **/
.light-version .pk-section-content h1 {color:#FFFFFF;}
.light-version .pk-section-content h2 {color:#FFFFFF;}
.light-version .pk-section-content h3 {color:#FFFFFF;}
.light-version .pk-section-content h4 {color:#FFFFFF;}
.light-version .pk-section-content h5 {color:#FFFFFF;}
.light-version .pk-section-content p {color:#FFFFFF;}


/***********************************/
/*** FREE LINE SWIPER
/***********************************/

/** arrow outside **/
.swiper-button-next {right:-30px;margin-top: -37px;} /** on remonte de 15 pour centrer **/
.swiper-button-prev {left:-30px;margin-top: -37px;}

@media only screen and (max-width: 992px)
{
    .swiper-button-next {display:none;}
    .swiper-button-prev {display:none;}
}

/** pagination sous le slider **/
.swiper-wrapper {margin-bottom:30px;} /** hauteur + 30px **/
.swiper-pagination {bottom:0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}

/** couleur pagination **/
.swiper-pagination-bullet-active {background-color:#aeea00;}

/**********************************/
/*** STORY
/**********************************/

#story-navigator {position:fixed;left:0;top:50%;width:100vw;height:30px;}
#story-next, #story-prev {display:inline-block;}

@media only screen and (max-width:600px)
{
    #story-navigator {bottom:0;top:0;}
}


/************************************/
/*** TEMPLATE DOCUMENTS
/************************************/

.file-item
{
    border:1px solid #f5f5f6;
    background-color:#FFFFFF;
    padding: 15px 320px 45px 115px;
    min-height: 70px;
    position:relative;
}

.file-item h4 {margin:0;font-size:18px;}
.file-item .file-item-icon {position:absolute;top:5px;left:10px;min-height:100px;width:100px;}
.file-item .file-item-description {font-style:italic;color:#e1e2e1;position:absolute;bottom:15px;left:115px;}
.file-item .file-item-download {position:absolute;width: 290px;right:15px;top:15px;}
.file-item .file-item-download a {width:100%;text-align:right;display:block;}

@media only screen and (max-width:992px)
{
    .file-item .file-item-icon {display:none;}
    .file-item {padding-left:15px;padding-right:50px;}
    .file-item .file-item-download .download {display:none;}
    .file-item .file-item-description {left:15px;}
}


/*************************************/
/*** MODE PREVIEW
/*************************************/

/** **/

.preview .pk-toolbar {overflow:scroll;}
.preview #pk-editor-menu
{
    padding:2rem;
    background-color:#EEEEEE;
    width:100%;height:100%;
    position:fixed;
    left:0;
    z-index:2;
}

.preview .pk-toolbar
{
    /*position: absolute;*/
    position:fixed;
    right: 100px;
    top: 100px;
    background-color: #fafafa;
    padding:.5rem;
    max-height: 70%;
    min-height:400px;
    width: 100px;
    height:auto;
    border-radius: 2px;
    will-change: top, opacity;
    z-index:1001;
}

.preview .pk-toolbar .pk-toolbar-handler
{
    height:30px;
    width:100%;
    background-color:#CCCCCC;
    margin-bottom:1rem;
}

.preview .pk-toolbar .pk-color-btn {max-height:30px;max-width:30px;padding:2px!important;margin-bottom:10px!important;}
.preview .pk-toolbar .btn:not(form) {width:100%;padding:0 8px;margin-bottom:5px;}
.preview .pk-toolbar .separator {height:10px;}
.preview .pk-toolbar form {padding-top:0;}
.preview .pk-toolbar .pk-form-image img {height:100px;width:auto;display:block;}
.preview .pk-toolbar .pk-image {min-width:0;min-height:0;}

.preview .pk-toolbar .pk-form p.label {font-size:.8rem;margin-top:5px;}
.preview .pk-toolbar span.fieldname {display:none;}
.preview .pk-toolbar .select-wrapper input.select-dropdown {height:2rem;line-height:2rem;}
.preview .pk-toolbar input[type=text]:not(.browser-default) {height:2rem;line-height:2rem;}

.preview .pk-feedback.red {color:#FFFFFF;font-weight:700;}

.preview  .free .section {margin-top:0px;margin-bottom:0px;padding:0;}

.preview .pk-free-view .pk-selected {border: 1px solid #FF0000;padding:10px;}
.preview .pk-free-view .section {position:relative;}





/***************************/
/*** BOARD
/***************************/

.citation .item-content p {font-size:30px;font-weight:bold;line-height:110%;}
.citation .item-content p.auteurs {font-size:16px;color:#e1e2e1;margin-top:20px;}

/***************************/
/*** GLOSSAIRE
/***************************/

.glossaire h2 {font-size:29px;color:#363636;line-height:130%;margin-bottom:10px;}
.glossaire-item {margin-bottom:30px;}

/***************************/
/*** TABLE OPTIONS
/***************************/

table.options td:last-child {min-width:100px;text-align:right;}
table.options .options-remarque {font-size:12px;color:#000000;}

/***************************/
/*** MAIN-COL-RIGHT
/***************************/

.main-col-right {margin-top:15px;background-color:#FFFFFF;border-radius:4px;padding:15px!important;}
.main-col-right .main-col-right-header {position:relative;}

.pk-actu-title {margin:0;line-height:120%;}
.pk-actu-date {font-size:12px;margin:0;}
.pk-actu-description {font-size:12px;}

.main-col-right .icone {position:absolute;right:0;top:0px;}
.main-col-right li {margin-bottom:20px;}
.main-col-right h5 {margin:0px;}

/******************************/
/*** BUGS / TACHE
/******************************/

.bugs td, .task-list td {padding-top:5px;padding-bottom:5px;}

.pk-tag {border-radius:2px;min-width:60px;text-align:center;color:#FFFFFF;font-size:10px;padding:5px;display:inline-block;}

.tag-OPEN {background-color:#e1e2e1;}
.tag-WORKING {background-color:#363636;}
.tag-CLOSE, .tag-DONE {background-color:#aeea00;}
.tag-ETUDE {background-color:#e1e2e1;color:#363636;}
.tag-LINK {background-color:rgba(225,226,225,0.5);color:#283593;}


.tag-TAG {background-color:transparent;border:1px solid #e06148;color:#e06148!important;text-transform: uppercase;}

.task-description p {font-size:14px;}


/******************************/
/*** ADRESSE
/*** @see front/common/tpl/elts/adresse-item.tpl
/******************************/

.pk-adresse-item {margin-bottom:10px;}
.pk-adresse-item .lieu {}
.pk-adresse-item i {margin-right:5px;}
.pk-adresse-item p.adresse {font-size:12px;opacity:.7;}

/*******************************/
/*** TEMPLATE EVENEMENT
/*******************************/







/*********************************/
/*** PANIER
/*********************************/

.pk-product-line {margin-top:15px;}
.pk-product-line .panier-item-line {border-bottom:1px solid #e1e2e1}
.pk-product-line:last-child .panier-item-line {border-bottom:none;}
.panier-item-sous-total {margin-top:10px!important;}
#panier-buy {margin-top:20px;}

/*********************************/
/*** NAVIGATION
/*********************************/

.pk-bar_first-item
{

}

.pk-bar_secondary-item
{
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    border-top:solid 1px rgba(0,0,0,.2);
    border-bottom:solid 1px rgba(0,0,0,0.2);
    padding-top:10px;
    padding-bottom:10px;
    margin:0 10px 0 0;
}

.pk-bar_secondary-item li {margin-right:20px;}
.pk-bar_secondary-item a {color:#363636;}
.pk-bar_secondary-item a:hover {text-decoration: underline;}
.pk-bar_secondary-item a.selected {color:#363636;font-weight:700;}

/********************************/
/*** NOTIFICATION
/********************************/

.notification-item .notification-item-body .notification-item-body_from {width:10%;}
.notification-item .notification-item-body .notification-item-body_message {width:80%;padding-left:5px;padding-right:5px;word-break: break-word;}
.notification-item .notification-item-body .notification-item-body_read {width:10%;}
.notification-item .notification-item-body {display:flex;flex-direction:row;align-items:center;}

.pk-avatar {width:20px;height:20px;border-radius:10px;background-color:#FF0000;}

/********************************/
/*** GALLERIE
/********************************/

.pk-gallery-list ul {list-style: none;padding: 0 1px 1px 0;overflow: hidden;margin: 0 auto;}
.pk-gallery-list li {float:left;width:20%;/*max-height:calc(attr(width));*/}
.pk-gallery-list a
{
    display: block;
    margin: 0 -1px -1px 0;
    padding: 20px;
    border-width: 1px; border-color: #CCCCCC; border-style:solid;
    background: transparent;
}

.pk-gallery-list a:hover {background-color:rgba(0,0,0,.1)}
.pk-gallery-list li a div.pk-gallery_thumbnail
{
    min-height: 240px;
    display: table;
    background-color:transparent;
    width: 100%;
}

.pk-gallery-list li a div.pk-image {display: table-cell;vertical-align: middle;}
.pk-gallery-list li a img
{
    border: none;
    overflow: hidden;
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:600px)
{
    .pk-gallery-list li {width:50%;}
}

@media only screen and (min-width:601px) and (max-width:993px)
{
    .pk-gallery-list li {width:33.33%;}
}


/********************************/
/*** PREVIEW
/********************************/

.pk-elt-selected {border:1px solid #FF0000!important;}

/********************************/
/*** PK SHARE FILE VIEW
/********************************/

.pk-sharefile-item img {width:100%;border:1px solid #EEEEEE;}
.pk-sharefile-item p.name {word-wrap:break-word;margin-top:0;}
.pk-sharefile-item-menu {text-align:right;}

.pk-share-file-header {margin-bottom:20px;}
.pk-share-file-footer {margin-top:20px;}

/*********************************/
/*** SELON LES TEMPLATES
/*********************************/

/** FREE **/
/** @see freeItemCopyright.tpl **/
.free-text .copyright-source {}
.free-text .copyright-date {}
.free-text .copyright-img-container {margin-top:10px;}
.free-text .copyright-img-container img {max-width:150px;}
.free-text .copyright-title {font-family:"Roboto Mono",monospace;text-transform:uppercase;margin-bottom:8px}

.free-text h5 {margin-bottom:0;}


/********************************/
/*** ROOM - VIDEO
/********************************/

#video-room {position:relative;width:100%;height:100vh;padding:0;}

/** vue principale **/
#video-room .main-container-view
{
    width:100%;
    height:calc(100% - 90px);
    background-color:#FF0000;
    transition: width .5s;
    position:relative;
}

/** side-nav droite **/
#video-room .side-nav-view
{
    position:absolute;
    top:0px; right:-320px;
    width:320px;
    height:calc(100% - 90px);
    transition: right .5s;
    background-color:#FFFFFF;
}

.fullscreen #video-room .main-container-view {height:100%;}
.fullscreen #video-room .side-nav-view {height:100%;}

/** animation des vues **/
#video-room.open .side-nav-view {right:0;}
#video-room.open .main-container-view {width:calc(100% - 320px);}

/** bouton options **/
#video-room .pk-right-button {position:absolute;right:30px;top:30px;z-index:10;}

/** menu principal **/
#video-room .pk-central-menu
{
    position:absolute;
    width:100%;
    text-align:center;
    bottom:40px;
}

#video-room .mini .tab-content
{
    background-color:#FF0000;
    width:100%;
    height:calc(100% - 32px);
}

/** participant item **/
.room-participant-item {font-size:12px;}
.room-participant-item .col {padding:0 0.3rem;}

/** Vidéo principal de fond **/
#video-room .pk-main-video {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00FF00;overflow:hidden;}
#video-room .pk-main-video video {width:100%;height:auto;}
#video-room .pk-main-video .pk-video-layer {background-color:#CCCCCC;width:100%;min-width:200px;min-height:100px;position:absolute;top:0px;left:0px;}
#video-room .pk-main-video .pk-info-layer {position:relative;z-index:2;padding:20px;width:calc(100% - 20px);height:120px;}

/** chat dans un tab-content **/
.tab-content .pk-chat-view {position:relative;top:0;left:0;width:100%;height:100%;padding:0;}
.tab-content .pk-chat-view .card
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height:100%;
}à

.tab-content.chat-view {overflow:hidden;}
.tab-content .pk-chat-view .card-content {height:100%;padding-bottom:82px;}
.tab-content .pk-chat-view .card-action {position:absolute;bottom:0;left:0;width:100%;}
.tab-content .pk-chat-view #messages-list {height:auto;}


/** Preview chat **/
.chat-video-thumbnail {position:fixed;bottom:20px;left:20px;}

/** **/
.chat-video-item {width:100%;height:100%;background-color:#FF00FF;min-height:100px;}


#video-room .chat-speaker-view
{
    position:absolute;left:0;bottom:100px;width:100%;height:150px;
    background-color:#000000;
    display:flex;flex-direction: row;flex-wrap: nowrap;justify-content:center;align-items:center;
}

#video-room .chat-speaker-view .chat-video-item {flex-grow:1;/* Or whatever */
  height:100px; padding:10px;position:relative;min-width:100px;}

.chat-video-item .menu {position:absolute;padding:2px;bottom:0;left:0;visibility: hidden;}
.chat-video-item:hover .menu {visibility: visible;}
.chat-video-item .label {position:absolute;right:0;top:0;width:auto;height:20px;background-color:#000000;font-size:12px;color:#FFFFFF;padding:2px;visibility:hidden;}
.chat-video-item:hover .label {visibility: visible;}



/**********************************/
/*** CHAT
/**********************************/

/** **/
.pk-chat-view
{
    /*width:300px;height:500px;
    position:absolute;
    top:30px;left:30px;
    z-index:5;
    padding:10px;padding-bottom:50px;*/
}

.pk-chat-view #messages-list {width:100%;height:300px;overflow-y:scroll;}

.pk-chat-view .card-content {padding:12px;}
.pk-chat-view h3.from
{
    color: rgba(9,30,66,.54);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    margin: 4px 0 2px;
    position: relative;
}

.pk-chat-view .time
{
    clear: both;
    display: block;
    float: left;
    margin-top: 6px;
    position: relative;
    right: 0;
    text-align: left;
    bottom: 2px;
    color: rgba(9,30,66,.54);
    font-size: .75rem;
    left: 23px;
    line-height: 1;
    direction: ltr;
    vertical-align: baseline;
}

.pk-chat-view .pk-image
{
    border-radius: 50%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 18px;
    height: 24px;
    width: 24px;
    background-color:#FF0000;
}



/** chat général **/
.main-chat {}
.main-chat .pk-chat-view {right:20px;bottom:20px;left:auto;top:auto;position:absolute;}

.pk-chat-message
{
    float: left;
    font-size: 1rem;
    line-height: 1.4;
    padding-bottom: 16px;
    padding-left: 28px;
    padding-right: 16%;
    position: relative;
    width: 100%;
}

.pk-chat-message.pk-right {padding-left:16%;padding-right:28px;}

.pk-chat-message-body
{
    background-color: #f1f1f1;
    border-radius: 4px 20px 20px 4px;
    clear: both;
    color: #3a4b67;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25;
    margin-bottom: 2px;
    padding: 12px 14px;
    position: relative;
}
.pk-chat-message-body p {font-size:14px;}

.pk-chat-message-container-multi ul {margin:0;}

.pk-right .pk-chat-message-body {border-radius: 20px 4px 4px 20px;padding-right:24px;padding-left:16%;}
.pk-right .pk-image {left:auto;right:0px;}
.pk-right .time {text-align:right;float:right;color:#FF0000;}



/***************************/
/** MENU PRINCIPAL
/**************************/

.main-header
{
    background-color:#FFFFFF;
    height:64px;
    width:100%;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    /*top:30px;*/
    transition: all .5s ease;
}

.main-header.menu-fixed {position:fixed;top:0;}

.main-header .brand-logo {height:64px;line-height:64px;color:#000000;font-size:20px;align-items:center;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    padding-left:20px;
}

/*.main-header .menu > ul {position:absolute;top:0;right:0;height:64px;margin:0;}*/
.main-header .menu > ul {top:0;right:0;height:64px;margin:0;margin:auto;}
.main-header .menu li {display: inline;float:right;margin-right:20px;margin-left:20px;}

.main-header .menu li.icone {margin-right:0px;}
.main-header .menu li.icone:first-child {margin-right:20px;}

.main-header .menu a i {line-height:64px;}
.main-header .menu a.drop_down i {position:absolute;}
.main-header .menu a {line-height:64px;position:relative;color:#333333;opacity:.7;display:inline-block;}
.main-header .menu a:hover {opacity:.9;}
.main-header .menu li.pk-selected a {opacity:1;}
.main-header .menu a.drop_down {margin-right:10px;}
.main-header .menu .nav-indicator {border-bottom:4px solid #fff;display:inline-block;}
.main-header .sidenav-trigger {position:absolute;top:20px;display:none;}

.main-header .subnav {height:auto;background-color:#060f3e;width:100%;z-index:10;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.main-header .subnav-item {padding:10px;padding-top:20px;}

.main-header .subnav a {color:#FFFFFF;opacity:.6;font-size:13px;}
.main-header .subnav a:hover {opacity:1;}

.main-header .subnav .pk-subnav-header {opacity:.8!important;font-size:16px!important;text-transform:uppercase;}
.main-header .subnav .item-description {font-size:12px;opacity:.4;color:#FFFFFF;}


.main-header .pk-indicator {position:absolute;border:#FFFFFF 2px solid;bottom:0px;width:100%;display:none;left:0;}
.main-header .pk-selected .pk-indicator {display:inline-block;}

.sidenav {padding-top:96px;}


#header-menu-wrapper {width:auto;margin:auto;}
.pk-bnand-logo-container {position:absolute;top:0;left:0;}


@media only screen and (max-width: 992px)
{
    /*.main-header .brand-logo {margin-left:40px;}*/
}

/********************************/
/*** MATERIALIZE ADD-ON
/********************************/

/** tab **/
.tabs.mini {height:32px;}
.mini .tab {height:32px;line-height:32px;}
.mini .tab a {font-size:12px;padding:0 12px;}

.tab-content {padding:6px;overflow-y:scroll;height:calc(100% - 48px);}
.mini .tab-content {height:calc(100% - 32px);}




input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #3f51b5;
    -webkit-box-shadow: 0 1px 0 0 #3f51b5;
    box-shadow: 0 1px 0 0 #3f51b5;
}


.sidenav .collapsible-header, .sidenav.fixed .collapsible-header
{
    /* border-bottom:1px solid #CCC; */
    border-top:1px solid #CCC;
}

.sidenav li:last-child  .collapsible-header, .sidenav.fixed li:last-child .collapsible-header
{
    border-bottom:1px solid #CCC;
}



/********************************/
/*** DARK / LIGHT
/********************************/

.dark-mode p {color:rgba(255,255,255,0.65);}
.dark-mode .pk-line-btn {border-color:rgba(255,255,255,0.65);color:#FFFFFF;}
.dark-mode .pk-line-btn:hover {border-color:#FFFFFF;background-color:rgba(255,255,255,0.2);}

.light-mode p {color:#283593;}


/** TAG **/

.pk-tag {border-radius:2px;min-width:60px;text-align:center;color:#FFFFFF;font-size:10px;padding:5px;display:inline-block;}
.tag-OPEN {background-color:#e1e2e1;}
.tag-WORKING {background-color:#363636;}
.tag-CLOSE, .tag-DONE {background-color:#aeea00;}
.tag-ETUDE {background-color:#e1e2e1;color:#363636;}
.tag-LINK {background-color:rgba(225,226,225,0.5);color:#283593;}
/*.tag-TAG {background-color:#1faa00;}*/


/******************************/
/*** FOOTER MODAL
/******************************/

.footer-modal .modal-content {padding:10px;}


/******************************/
/*** LICENCE / COPYRIGHT
/******************************/

.copyright-img-container a {background-color:transparent!important;margin:0!important;padding:0!important;}
.free-text .copyright-source a {background-color:transparent!important;margin:0!important;padding:0!important;}
.free-text .copyright-source a:hover {text-decoration:underline;}

/******************************/
/*** MINI CALENDAR
/******************************/


/*******************************/
/*** EVENEMENT SECTION
/*******************************/

.evenements-section .pk-bar_secondary-item {margin-top:0;}
.evenements-section .vanilla-calendar {width:100%;}


/********************************/
/*** MODULE VIDEO SECTION
/********************************/

.video-section {position:relative;}
.video-section .video-content-container {position: absolute;bottom: 0;right: 0;padding: 20px;}
.video-section .video-player-container video {width: 100%;height:auto;}
.video-section .btn-floating {background-color:#1faa00;}
/** OVERRIE STYLE **/

/********************************/
/*** SOUND PLAYER
/********************************/

.pk-timebar .pk-timebar__container {background-color:#df0368;}

/********************************/
/*** UI
/********************************/

.pk-image {background-color:transparent;}

.global-music-player
{
    position:fixed;bottom:10px;right:10px;width:200px;height:auto;background-color:#f5f5f6;padding:10px;
    border-radius:5px;
}

.global-music-player p {margin:0;}
.global-music-player .track-label {font-weight:bold;padding-top:10px;}

@media only screen and (max-width: 400px)
{
    .global-music-player {min-width:100px;width:auto;}
}







/** STYLES FRONT **/

/** FILE PREVIEW **/

.file .file-var {margin-bottom:20px;background-color:#FFFFFF;padding:20px;}
.file .file-name {display:block;font-weight:bold;}
.file .file-description {display:block;font-size:1rem;}
.file .file-type {display:block;}
.file .file-weight {display:block;}

/** **/
ul.website-list {margin-bottom:20px;font-size:14px;line-height:14px;}
ul.website-list li {margin-bottom:10px;}
ul.website-list a {color:var(--pk-theme-text--secondary);}
ul.website-list i.left {font-size:14px;margin-right:5px;}
ul.website-list a:hover {color:var(--pk-theme-text--link-over);}

.tag {border-width:1px;border-style:solid;padding-left:5px;padding-right:5px;padding-top:4px;padding-bottom:4px;}


/** COMMENTAIRES **/
.comments {border-top:1px solid rgb(0,0,0,.2);padding-top:0;}

/** FORMULAIRE **/
.error .input-field__error {font-size:12px;}


/*** ALBUM ***/
.music-track {padding-right:100px;padding-top:10px;padding-bottom:10px;padding-left:10px;position:relative;}
.music-track p {padding:0;margin:0;}
.music-track:not(:last-child) {margin-bottom:5px;}
.music-track .music-player {position:absolute;right:10px;top:10px;}
.music-track .music-player .play-button {background-color:rgba(0,0,0,.2);}
.music-track .music-player .selected {background-color:#e44002;}