.rn-formations .t3-wrapper {background-color: #ececec !important;}

.rn-formations #t3-content
{
    margin-top: 0px;
}

.formation-titre-ref {
    width: 90%;
}

.rn-formations .product-item {
    animation-duration: 0.85s;
    animation-name: fondu;
    animation-iteration-count: 1;
}

html.rn-formations:not(.view-article) .t3-mainbody {
    padding-top: 0px;
    padding-bottom: 52px;
    top: -110px;
    position: relative;
}

.rn-formations .ja-mg-sidebar.sidebar-main.col {
    margin-bottom: 30px;
}

.ja-mg-sidebar.sidebar-main.col.open {
    overflow: visible; /* Cela permet le bon affichage de l'ombre */
}

.rn-formations.ja-mg-sidebar.sidebar-main.col .sidebar-toggle {
    background-color: #fab615;
}

/* box shadow sidebar */
.rn-formations .block-content.filter-content
{
    box-shadow: 0px 5px 8.5px rgba(136, 136, 136, 0.5);
}

/* box shadow cartes */
.rn-formations .product-item-info
{
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);   
    box-shadow: 0px 10px 10px rgba(136, 136, 136, 0.5);
    padding: 0px !important;
    border: none !important;
    border-bottom-left-radius: 25px;
    border-top-right-radius:25px;
}
.rn-formations .product-item-info:hover
{
    box-shadow: 0px 15px 12.5px rgba(136, 136, 136, 1) !important;
}

/* image carte */
.rn-formations .product-item-info .product-item-photo {
    height: 250px;
    background-size: cover;
    background-position: center;
    border-top-right-radius:25px;
}

.rn-duree-lieu {
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: flex;
}

/* Vignettes duree et lieu */
.rn-formations .product-item-info .rn-duree,
.rn-formations .product-item-info .rn-lieu
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.rn-formations .product-item-info .rn-duree p,
.rn-formations .product-item-info .rn-lieu p
{
    width: 118px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    background-color: white;
    border-radius: 2px;
    color: black;
    bottom: 10px;
    padding: 0px 10px;
    position: absolute;
    font-size: 0.7em;
    font-weight: 600;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}
.rn-formations .product-item-info .rn-duree p
{
    right: 5px;
}
.rn-formations .product-item-info .rn-lieu p
{
    left: 5px;
}

.rn-formations .product-item-info .rn-duree span,
.rn-formations .product-item-info .rn-lieu span
{
    font-size: 0.85em;
    margin-right: 2.5px;
}

/* nom et description */

.rn-formations .product-infos {
    min-height: 65px;
}

.rn-formations .product-item-name,
.rn-formations .product-desc
{
    padding: 0px 15px;
    margin-bottom: 0px;
}

.rn-formations .product-desc p
{
    font-size: 0.95em !important;
    line-height: 1.25em;
}

/* prix et lien */
.rn-formations .product-item-info .rn-prix p,
.rn-formations .product-item-info .rn-voir-plus a
{
    /* font-size: 1.25em; */
}

/* prix et lien */

.rn-formations .product-item-actions {
    min-height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rn-formations .rn-prix p {
    margin-bottom: 0px !important;
}

.rn-formations .rn-prix p#commentaireprix {
    margin: -0px 0px;
}

/* prix */
.rn-formations .product-item-info .rn-prix
{
    font-weight: 900;
    color: #75952b;
}
.rn-formations .product-item-info .rn-prix #ht {
    font-size: 0.5em;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

.rn-formations p#commentaireprix {
    font-weight: 600;
    font-size: 0.65em;
    line-height: 1em;
    margin-top: -20px;
}

/* lien Voir plus */
.rn-voir-plus {
    text-align: right;
    font-weight: 900;
}
.rn-voir-plus a {
    color: #244896 !important;
}

/*
    Divers ajustements sur la mise en page de JA MegaFilter
*/

/* Ecran de chargement */
.ja-megafilter-wrap.clearfix.loading_layer {
    opacity: 1;
    background: none;
    margin-top: 300px;
}

.ja-megafilter-wrap.clearfix.loading_layer #percentBar {
    display: none;
}

.ja-megafilter-wrap.clearfix.loading_layer #myBar {
    display: none;
}

.ja-megafilter-wrap.clearfix.loading_layer #loader {
    border-top-color: #645043;
}

.ja-megafilter-wrap.clearfix.loading_layer #loader:after {
    border-top-color: #81bd02;
}

.ja-megafilter-wrap.clearfix.loading_layer #loader:before {
    border-top-color: #f7c731;
}

/* Liste des filtres */
    /* Label des filtres */
        .rn-formations .filter-selected.filter-current.filter-values .filter-label {
            font-family: Cardo, serif;
            font-weight: bolder;
            color: #000000;
        }

        .rn-formations .filter-selected.filter-current.filter-values .filter-label:after { /* ajouter deux points apres le label */
            content: " :";
        }

    /* Bouton supprimer */
    .rn-formations .ja-filter-wrapper ol.items .clear-filter.remove:hover:after {
        color: #7c388d;
    }

    /* Bouton clear all */
        .rn-formations .filter-current .clear-all-filter { /* ajustements */
            width: 100%;
            margin-bottom: 25px;
            background-color: #7c388d;
            border: solid #7c388d 1px;
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }
        .rn-formations .filter-current .clear-all-filter:hover {
            background-color: #ffffff;
                color: #7c388d;
                font-weight: 600;
        }

        .rn-formations .filter-values.empty .clear-all-filter { /* le bouton disparait si aucun filtre nest selectionne */
            display: none;
        }

     /* Descendre légèrement la liste des filtres lorsqu'il passe en fixed */   
        .ja-megafilter-wrap div div[data-mgfilter="content"] {
          animation-duration: 0.38s;
          animation-name: descente;
          animation-iteration-count: 1;
          margin-top: 100px;
        }

.rn-formations .block-content.filter-content {
    background-color: white !important;
}

/* Titres des filtres */
.rn-formations .filter-options-title span {
    background: none !important;
    padding: 0px !important;
    font-family: Cardo, serif;
    text-transform: none !important;
    font-size: 1em !important;
    font-weight: bolder;
}

.rn-formations .filter-options-title span:after { /* Retirer le :after */
    display: none !important;
}

.rn-formations .filter-options-title {
    border-bottom: solid #7c388d 2px;
}

/* checkboxes */
.rn-formations .ja-megafilter-wrap input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

/* nombre delement filtre */
.rn-formations .ja-megafilter-wrap li.item.ln-element.filter-item span span
{
    display: none;    
}

/* Select lists */
.rn-formations .ja-megafilter-wrap select.filter-items {
    border: none;
    background-color: #ececec;
}
.rn-formations .ja-megafilter-wrap select.filter-items
{
    font-size: 0.9em !important;
    font-style: italic;
}

/* Afficher un semblant de bouton de recherche */
.com_jamegafilter.formations .ja-mg-sidebar .filter-field dd.filter-options-content {
    position: relative;
}

.com_jamegafilter.formations .ja-mg-sidebar .filter-field:first-child dd.filter-options-content input.input-text[name='name'] {
    width: calc(100% - 50px);
}

.com_jamegafilter.formations .ja-mg-sidebar .filter-field:first-child dd.filter-options-content:after {
    content: "\f002";
    font-family: "FontAwesome";
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 100%;
    background-color: #7c388d;
}

/*
    PAGES FORMATIONS PAR DOMAINE
*/

/* champs a cacher - on cache les champs a partir du 7eme inclus */
.rn-formations .ja-megafilter-wrap .ln-element.filter-field:nth-child(n+6) /* cacher tous les champs a partir du 4eme inclus */
{
    display: none;
}

.rn-formations.par-domaine .block-content.filter-content
{
    display: none;
}

/*
    FORMATION INDIVIDUELLE
*/

/* breadcrumb des formations */

    .rn-breadcrumb-formation
    {
        background: none;
        padding: 15px 0px;
    }

    .rn-breadcrumb-formation li:first-child { /* retirer l'icone qui precede le fil */
        display: none;
    }

    .rn-formations.view-article .rn-breadcrumbs .container { /* aligner avec le reste de la page */
        padding: 0px;
    }


/* Ajustement du positionnement du contenu */

    .rn-formations.view-article .t3-mainbody {
        padding-top: 0px;
    }

    .rn-formations.view-article #t3-content /* contenu de la fiche */
    {
        margin-top: 0px;
        background-color: white;
        padding: 25px 45px;
    }

    .rn-formations.view-article .t3-wrapper /* ajuster le positionnement du contenu en general */
    {
        margin-top: 80px;
    }

/* titre */
    .view-article h2:after { /* Annuler le tiret derriere le titre */
        content: "";
    }

/* fond */
.rn-formations.view-article .sections-wrap .section#section-630 {
    background-color: #ffffff !important;
    margin-top: 150px;
}

/* image */
    .formation-image-infos {
margin-bottom: 35px; 
    }

    .formation-image {
        display: flex;
        justify-content: center;
        padding: 0px;
        flex-direction: column;
    }
.image-credit {
    text-align: left;
    margin-top:10px;
    font-size:14px;
}
.image-credit-label {
    margin-right:5px;
}
.image-credit-copyright {
    font-weight: 500;

}

    .formation-image .image-container {
        height: 270px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .formation-image .image-container #image {
        border-radius: 2px;
        height: 100%;
        width: 100%;
        position: relative;
        background-size: cover;
        background-position: center;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
    }

/* infos globales */
    .formation-titre-ref h1 {
    color: #645043!important;
    font-size: 1.85em;
    margin-top: 0px;
    padding-left: 0;
    }

    .formation-pictos {
        margin-bottom: 13px;
    }

    .formation-pictos #formation-ref {
        font-size: 1.5em;
        font-weight: bold;
        color:#7c388d;
    }

    .formation-pictos .picto-formation {
        height: 40px;
    }
    
    .formation-date-lieu {
        color: #645043;
        font-weight: 600;
        font-size: 16px;
    }

    .formation-date-lieu p {
        font-size: 1.25em;
    }
    
    p#responsable strong {
        font-style: normal;
    }

/* form cache */
    .rn-formations.view-article .t3-content form input:not(#submit) {
        display: none;
    }

/* bouton */
    
.rn-formations.view-article .formation-boutons {}

.rn-formations.view-article .formation-btn {
    border: solid #75952b 1px;
    background-color: #75952b;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    margin: 5px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.rn-formations.view-article .formation-btn:hover,
.rn-formations.view-article .formation-btn:focus {
    background-color: #fff;
    color: #75952b;
}

.rn-formations.view-article .formation-btn.warning {
    border: solid orange 1px;
    background-color: orange;
}

.rn-formations.view-article span.warning:after
{
    content: "Plus que quelques places !";
    color: white;
    position: absolute;
    text-align: center;
    top: 38px;
    width: calc(100% - 30px);
    display: block;
    font-size: 0.6em;
    text-transform: none;
}

.rn-formations.view-article .formation-btn.warning:hover,
.rn-formations.view-article .formation-btn.warning:focus
{
    background-color: white;
    color: orange;
}

.rn-formations.view-article .formation-btn.pdf {
    border: solid #7c388d 1px;
    background-color: #7c388d;
}

.rn-formations.view-article .formation-btn.pdf span:first-child:before {
    content: "\f1c1";
    font-family: "fontawesome";
    font-weight: normal;
    margin-right: 10px;
}

.rn-formations.view-article .formation-btn.pdf:hover,
.rn-formations.view-article .formation-btn.pdf:focus {
    color: #7c388d;
    background-color: white;
}

.rn-formations.view-article .formation-btn.full {
    background-color: #fab61500;
    color: #808080;
    font-weight: inherit;
    border: dashed #808080 1px;
    cursor: not-allowed;
    
    display:none;
} 

.rn-formations.view-article .formation-btn.full:focus,
.rn-formations.view-article .formation-btn.full:hover
{
    color: #808080;
    opacity: 0.5;
}

.rn-formations.view-article .formation-btn span.sml {
    font-size: 0.65em;
    margin-top: -5px;
}

/* fin bouton */

/* personnel */

.formation-personnel p {
    font-size: 0.85em;
    margin: 5px 0px;
}

.formation-personnel strong,
.formation-personnel span.glyphicon{
    color: #7c388d;
}

.formation-personnel span.glyphicon {
    margin-right: 10px;
}

/* FIN personnel */

    .formation-infos-globales {
        padding-left: 25px;
    }

/* onglets */


.rn-formations.view-article .notice-btn.pdf:hover, 
.rn-formations.view-article .notice-btn.pdf:focus{
    color: #7c388d;
    background-color: white;
}

.rn-formations.view-article .notice-btn.pdf:hover a{
    color: #7c388d;
}
.rn-formations.view-article .notice-btn.pdf {
    border: solid #7c388d 1px!important;
    background-color: #7c388d;
    max-width: 300px;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    margin-bottom: 25px;
}
.rn-formations.view-article .notice-btn.pdf a{
    color:#fff;
}

.rn-formations.view-article .notice-btn.pdf span:first-child:before {
    content: "\f1c1";
    font-family: "fontawesome";
    font-weight: normal;
    margin-right: 10px;
}

.rn-formations .rl_tabs-responsive.nn_tabs-responsive{
    z-index: 9;
    position: relative;
}
    .rn-formations.view-article .rl_tabs * {
        border: none !important;
    }

    .rn-formations.view-article .rl_tabs .rl_tabs-toggle {
        padding: 10px 25px !important;
        background-color: #ececec;
        border-radius: 5px 5px 0px 0px !important;
        color: #7c388d !important;
        font-weight: 600;
    }

    .rn-formations.view-article .rl_tabs .rl_tabs-toggle[aria-selected='true'] {
        background-color: #7c388d !important;
        color: white !important;
        border: none;
    }

    .rn-formations.view-article .rl_tabs.outline_content>.tab-content {
        margin-top: 1px;
        border: solid #ececec 1px !important;
    }

    .rn-formations.view-article .rn-formations.view-article .tab-content {
        padding: 10px !important;
    }
    
    .rn-formations.view-article h2.rn-title#formationsRecommandees {
        margin-left: -15px;
        margin-right: -15px;
    }

/* MODULES */
    .rn-formations.view-article .sections-wrap .section#section-630, .sections-wrap .t3-module#section-630,
    .rn-formations.view-article .sections-wrap .section#section-652, .sections-wrap .t3-module#section-652
    {
        background-color: inherit;
    }

    .rn-formations.view-article .rn-guide-newsletter {
        padding-top: 25px;
    }

    /* FORMATIONS RECOMMANDEES */

    .rn-autres-formations {
        margin-bottom: 52px;
    }

    .rn-autres-formations.container {
        padding: 0px !important;
    }

    .rn-autres-formations .row
    {
        margin: 0px;
        background-color: white;
        box-shadow: 0px 10px 10px rgba(136, 136, 136, 0.5);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
        transition-delay: initial;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .rn-autres-formations .article-titre {
        min-height: 100px;
    }

    .rn-autres-formations .row:hover {
        box-shadow: 0px 15px 12.5px rgba(136, 136, 136, 1);
    }

    .rn-autres-formations .item-image-box
    {
        height: 250px;
        margin-bottom: 20px;
        background-size: cover;
        background-position: center;
        border-top-right-radius: 20px;
    }

    .rn-autres-formations .item-image-box a {
        position: absolute;
        left: 0px;
        height: 100%;
        width: 100%;
        /* border-top-right-radius: 20px; */
    }
    
    .rn-autres-formations .rn-prix {
        font-weight: 900;
        color: #fab615;
    }

    .rn-autres-formations .rn-prix span#ht {
        font-size: 0.5em;
        top: 5px;
        margin-left: 5px;
        letter-spacing: 0.25em;
        position: absolute;
    }

@media (max-width : 992px) {

    .rn-autres-formations .item {
        margin-bottom: 35px;
    }

}
 
 /* bouton open/close */

:not(.formations).rn-formations .ja-mg-sidebar.sidebar-main.col {
    display: none;
} 

.ja-mg-sidebar.sidebar-main.col .sidebar-toggle {
    background-color: #fab615;
}

.rn-formations .tab-pane {
    min-height: 400px;
    padding: 20px 20px 40px 20px !important;
}


/* CSS animation Hover */
/*******************/
/**** ANIMATION ****/
/*******************/

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  75% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  75% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
}
.hvr-pulse{
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* ANIMATIONS */


@keyframes fondu {
  0% {
    opacity: 0;
  }
  
  20% {
      opacity: 0;
  }

  100% {
    opacity: 100;
  }
}

/*
@keyframes descente {
  0% {
    margin-top: 0px;
  }

  100% {
    margin-top: 100px;
  }
}




/* MArquer Digital  */
.digital-ctn-marker{
    position:relative;
}
/*
.digital-ctn-inner-marker {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    z-index: 99;
    padding: 20px;
    background: #7c388d;
    border-radius: 50%;
    margin-top: 10px;
    margin-right: 10px;
}
*/
.digital-ctn-inner-marker-cat,
.digital-ctn-inner-marker {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    z-index: 99;
    /*filter: invert(1);*/
    margin-top: 10px;
    margin-right: 10px;
    animation-duration: 1.2s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.rn-autres-formations .digital-ctn-inner-marker{
    margin-right:-5px;
}
.digital-ctn-inner-marker-cat{
    background-size: cover;
    width: 80px;
    height: 80px; 
}
.digital-ctn-inner-marker:before {
    /*content: url(/images/pictos/digital-grey.svg);*/
    content: "";
    background-size: cover;
    width: 80px;
    height: 80px;
    position: absolute;
}


@keyframes slidein {
  from {
    transform: skew(0deg);
  }

  to {
    transform: skew(-10deg);
  }
}



/******************/
/******************/
/**** POPUP *******/
/******************/
/******************/
.product-item-details .rn-popinfo-sup {
    display:none;
}


.product-item-details .product-item-photo:hover .rn-popinfo-sup {
    left: 0;
    position:absolute;
    background: #7c388d;
    z-index: 99;
    padding: 20px;
    font-size: 14px;
    display: inline-block;
    color: white;
    height: 415px;
    overflow: auto;
    line-height:18px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}


.rn-popinfo-sup h3{
    color: #fff!important;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom:10px;
}


.rn-target-catform{
    margin-bottom:25px;
    z-index: 999;
    position: relative;
}

.rn-public-catform{
    
}


.rn-public-catform ul,
.rn-target-catform ul{
    padding-left: 0;
}


.rn-public-catform ul li,
.rn-target-catform ul li {
    padding-bottom:5px
}





.rn-popinfo-sup::-webkit-scrollbar {
    width:7px;
}

.rn-popinfo-sup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255 255 255); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
}
 
/* Handle */
.rn-popinfo-sup::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #4b76d3; 
    -webkit-box-shadow: inset 0 0 6px #4b76d3; 
}
.rn-popinfo-sup::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(180 140 30); 
}