/** BASIC CSS **/



                            

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

main {
    flex: 1 0 auto;
    min-height:400px;
    transition: background-color 1s ease;
}

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

section {max-width:100%;margin:auto;}

.section .pk-section-content {max-width:1200px;margin:auto;}
.section .pk-section-content .row {margin-bottom:0px;}
.section h1 {margin-top:0;/*margin-bottom:10px;*/}
.section:last-child {padding-bottom:30px!important;}

header p {margin:0;}



/*#user-nav {background-color:#0b126f;}*/
#user-nav {background-color:#283593}
.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;
}

/*a {color:#039be5;}*/
    a {color:#1faa00;}
/*a:hover:not(.pk-bloc):not('.grid-item') {text-decoration: underline;}
a:hover {border-bottom:solid 1px rgba(3,155,229,.5);padding-bottom:1px;}*/


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

/****************************/
/*** 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:1px;
    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: 20px!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;}
/*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: N; /* number of lines to show */
   line-height: X;        /* fallback */
   max-height: X*N;       /* 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:18px;margin-top:0;margin-bottom:0;font-weight:bold;}
    h2 {font-size:32px;}
    h3 {font-size:26px;}
    h2.h2 {font-size:32px;}

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

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

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

.nav-breadcrumb .col {padding-left:0;}
.breadcrumb {color:#363636;font-size:14px;}
.breadcrumb:hover {color:#aeea00;}
.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:#5f5fc4;}

.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:0px;
    width:300px;
    padding-top:30px;
    padding-left:20px;
    top:0px;
    background-color:transparent;
}




/** MATERIALIZE **/

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




/** **/
/** 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 .menu {margin-top:40px;}
.pk-form .menu button {min-width:130px;}

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


/** 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] {}

/** IMG **/
.pk-img {width:100%;overflow:hidden;min-height:150px;max-height:300px;margin-bottom:1rem;background-color:#000000;position:relative;}
.pk-img img {width:100%;display:block;background-color:#0b126f;opacity:.7;}
.pk-img:over img {opacity:1;}
.pk-img .title {position:absolute;padding:24px;color:#FFFFFF;left:0;bottom:0;line-height:1.2rem;}
.pk-img i {position:absolute;padding:24px;top:0;left:0;color:#FFFFFF;}

/** FORM IMAGE **/
.pk-form-image .img {height:100%;width:auto;}
.pk-form-image .pk-img {text-align:center;}

/** **/
@media only screen and (max-width: 992px)
{
    .pk-form-image .pk-img {height:64px;min-height:64px;}
}


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


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


/** **/
@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 ul li
{
    list-style-type:circle;
    list-style-position: inside;
    color:#283593;
    font-size:16px;line-height:1.5;
    margin-left:20px;
}

.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 ul {padding-left:20px;}
.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%;}


.pk-description {font-size:16px;line-height:1.5;margin-bottom:60px;}

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



/***************************************/
/*** 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: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:0px!important;}
.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-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;}


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






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


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










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


/** LISTE DE PAGE/ITEM **/

.pk-list {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: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 .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;}
#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;}




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

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

/** 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(54,54,54,0);
    color: #363636;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

.pk-pagination .btn-floating:hover {background-color:rgba(174,234,0,1);}
.pk-pagination .btn-floating i {color:#363636;line-height:30px;}
.pk-pagination .page-count
{
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    line-height: 30px;
    height:30px;
    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:0px;top:none;}
}


/************************************/
/*** 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;lineHeight:2rem;}
.preview .pk-toolbar input[type=text]:not(.browser-default) {height:2rem;lineHeight: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:#1faa00;}

.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:0px,10px,0px,0px;
}

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


/********************************/
/*** 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;paddding-left:16%;}
.pk-right .pk-image {left:auto;right:0px;}
.pk-right .time {text-align:right;float:right;color:#FF000;}

/************************************/
/*** COMMENTAIRE
/************************************/

.pk-comment
{
    margin:0;
    margin-top:-1px;
    border-width:1px;border-color:#e1e2e1;border-style: solid;
    padding-top:15px;padding-bottom:10px;padding-right:15px;padding-left:15px;
}

.pk-comment .created-date {font-size:12px;line-height:36px;padding-right:32px;}

.pk-comment .chip,
.pk-comment .chip:hover,
.pk-comment .chip.selected
{
    background-color:transparent;line-height:26px;
}
.pk-comment .chip img {height:26px;width:26px;}
.pk-comment .pk-comment-text {padding-left:32px;margin-top:8px;margin-bottom:20px;color:#000000;}
.pk-comment .pk-menu-btn {padding-left:16px;}
.pk-comment .pk-menu-btn .btn, .btn-large, .btn-small, .btn-flat {padding-left:12px;padding-right:12px;}


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

.main-header
{
    background-color:#001064;
    height:64px;
    width:100%;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.main-header .brand-logo {height:64px;line-height:64px;color:#FFFFFF;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 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:#FFFFFF;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;}


@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);}


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






/** OVERRIE STYLE **/
/** surcharge des styles selon le projet **/
    .main-header {background-color:#e4ff54;}