/*! * Start Bootstrap - Stylish Portfolio (http://startbootstrap.com/) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */
/* Global Styles */
 html, body {
     width: 100%;
     height: 100%;
}
 body {
     font-family: 'Titillium Web', sans-serif;
}
 .text-vertical-center {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
}
 .text-vertical-center h1 {
     margin: 0;
     padding: 0;
     font-size: 4.5em;
     font-weight: 700;
}

.btn-white-ccn {
     border-radius: 28px;
     color: #fff;
     background-color: #ED6D44;
     border :none!important;
}
 .btn-white-ccn:hover, .btn-white-ccn:focus, .btn-white-ccn:active {
     color: #fff;
     border : none!important;
     background-color: #9BC768;
}

.margin-b-70{
margin-bottom:70px;
}


.main-logo-forum-home img{
width:100%;
}


/* Custom Button Styles */
 .btn-dark {
     border-radius: 0;
     color: #fff;
     background-color: rgba(0,0,0,0.4);
}
 .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
     color: #fff;
     background-color: rgba(0,0,0,0.7);
}
 .btn-light {
     border-radius: 0;
     color: #333;
     background-color: rgb(255,255,255);
}
 .btn-light:hover, .btn-light:focus, .btn-light:active {
     color: #333;
     background-color: rgba(255,255,255,0.8);
}
/* Custom Horizontal Rule */
 hr.small {
     max-width: 100px;
}
/* Side Menu */
 #sidebar-wrapper {
     z-index: 1000;
     position: fixed;
     right: 0;
     width: 250px;
     height: 100%;
     transform: translateX(250px);
     overflow-y: auto;
     background: #fff;
     -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
}
 .sidebar-nav {
     position: absolute;
     top: 0;
     width: 250px;
     margin: 0;
     padding: 0;
     list-style: none;
}
 .sidebar-nav li {
     line-height: 20px;
     margin-left: 20px;
}
 .sidebar-nav li a.menu-item {
     display:inline-block;
     border-radius: 28px;
     color: rgba(29,113,184,1);
     background-color: transparent;
     border: 2px solid rgba(29,113,184,1);
     padding: 7px;
     margin-bottom:10px;
     text-align: center;
     font-size: 14px;
}
 .selected {
     color:#fff!important;
     background-color: #7d26cd!important;
     padding:5px;
}
 .main-logo-forum-home{
     max-width:700px;
     padding:0 30px;
     display:block;
     margin:0 auto;
}
 .main-logo-forum-page{
     max-width:500px;
     padding:0 30px;
     display:block;
     margin:0 auto;
}
 .sidebar-nav li a.menu-item:hover {
     text-decoration: none;
     color: #7d26cd;
     border : 2px solid #7d26cd;
     background-color: inherit;
}
 .sidebar-nav li a.menu-item:active, .sidebar-nav li a.menu-item:focus {
     text-decoration: none;
     color: #7d26cd;
     border : 2px solid #7d26cd;
     background-color: inherit;
}
 .btn-light-blue-orange:hover, .btn-light-blue-orange:focus, .btn-light-blue-orange:active {
     color: #7d26cd;
     border : 3px solid #7d26cd;
     background-color: inherit;
}
 .sidebar-nav > .sidebar-brand {
     height: 55px;
     font-size: 18px;
     line-height: 55px;
}
 .sidebar-nav > .sidebar-brand a {
     color: #999;
}
 .sidebar-nav > .sidebar-brand a:hover {
     color: #fff;
     background: none;
}
 #menu-toggle {
     z-index: 1;
     position: fixed;
     top: 0;
     right: 0;
}
 #sidebar-wrapper.active {
     right: 250px;
     width: 250px;
     -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
}
 .toggle {
     margin: 5px 5px 0 0;
}
/* Header */
 .header {
     display: table;
     position: relative;
     background: url(img/home-ccn.gif) no-repeat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
}
 .h-home{
     width: 100%;
     height: 100%;
}
 .h-page{
     width: 100%;
     height: 30%;
}
/* About */
 .about {
     padding: 50px 0;
}
/* Services */
 .services {
     padding: 50px 0;
}
 .service-item {
     margin-bottom: 30px;
}
/* Callout */
 .callout {
     display: table;
     width: 100%;
     height: 400px;
     color: #fff;
     background: url(img/callout.jpg) no-repeat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
}
/* Portfolio */
 .portfolio {
     padding: 50px 0;
}
 .portfolio-item {
     margin-bottom: 30px;
}
 .img-portfolio {
     margin: 0 auto;
}
 .img-portfolio:hover {
     opacity: 0.8;
}
.img-isotope{
     min-height: 174px;
}
/* Call to Action */
 .call-to-action {
     padding: 50px 0;
}
 .call-to-action .btn {
     margin: 10px;
}
/* Map */
 .map {
     height: 500px;
}
 @media(max-width:768px) {
     .map {
         height: 75%;
    }
}
 .map iframe {
     pointer-events: none;
}
/* Footer */
 footer {
     padding: 0;
     background-color: #dedede;
}
 #to-top {
     display: none;
     position: fixed;
     bottom: 5px;
     right: 5px;
}
/* styles supplémentaires et spécifiques Forum pédagogique  */
 .bg-red{
     background-color: red;
}
 .element_iso{
     cursor: pointer;
}
/* pour tests intégration */
 .thumbnail{
     position: relative;
     overflow: hidden;
}
 .img-wrapper{
     overflow: hidden;
     height:183px;
}
 .hero-rub-img{
     height:300px;
}
 .thumbnail:hover img {
     transform: scale(1.1);
}
 .thumbnail img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
     transition: transform .5s;
     object-fit: cover;
}
 .text-white{
     color: #fff;
}

.text-center-isotope{
     margin-bottom: 1;
}
 .forum-sidebar-brand{
     padding-top: 10px;
     padding-bottom: 10px;
}
 .forum-sidebar-brand a img{
     padding-top: 10px;
     padding-bottom: 10px;
     width: 150px;
}
 .btn-white-orange {
     border-radius: 28px;
     color: #fff;
     background-color: transparent;
     border :3px solid #fff;
}
 .btn-white-orange:hover, .btn-white-orange:focus, .btn-white-orange:active {
     color: #7d26cd;
     border : 3px solid #7d26cd;
     background-color: inherit;
}
 .btn-dark-blue-orange {
     border-radius: 28px;
     color: #29235c;
     background-color: transparent;
     border :3px solid #29235c;
}
 .btn-dark-blue-orange:hover, .btn-dark-blue-orange:focus, .btn-dark-blue-orange:active {
     color: #7d26cd;
     border : 3px solid #7d26cd;
     background-color: inherit;
}
 .btn-light-blue-orange {
     border-radius: 28px;
     color: #1d71b8;
     background-color: transparent;
     border :3px solid #1d71b8;
}
 .btn-light-blue-orange:hover, .btn-light-blue-orange:focus, .btn-light-blue-orange:active {
     color: #7d26cd;
     border : 3px solid #7d26cd;
     background-color: inherit;
}
 .le-forum{
     font-size: 25px;
}
 .txt-blue{
     color:#1d71b8;
}
 .txt-dark-blue{
     color:#29235c;
}
 .txt-gray{
     color:#dedede;
}
 .txt-dark-gray{
     color:#999;
}
 .bg-gray-forum {
     color: #1d71b8;
     background-color: #dedede;
}
 .ttes-actus-teaser {
     height: 200px;
     padding: 0 11px;
     color: #333;
     position: relative;
}
 .ttes-actus-teaser-title {
     font-size: 17px;
     font-weight: 700;
     color: #1d71b8;
     margin: 3px 0 5px 0;
     padding: 0;
}
 .ttes-actus-teaser-text {
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
}
 .ttes-actus-teaser-date {
     font-size: 13px;
     font-weight: bold;
     display: inline-block;
}
 .thumbnail {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 16px;
     line-height: 1.42857143;
     background-color: #fff;
     border: 0;
     border-radius: 0;
     -webkit-transition: border 0.2s ease-in-out;
     -o-transition: border 0.2s ease-in-out;
     transition: border 0.2s ease-in-out;
     min-height: 33em;
}
 .formation-type-container {
     display: block;
     margin: 0 0 5px 0;
     padding: 0;
}
 .formation-type {
     font-size: 10px;
     line-height: 11px;
     font-weight: 400;
     color: #ffffff;
     text-transform: uppercase;
     padding: 3px;
     margin: 5px 2px 0;
     letter-spacing: 1px;
     float: right;
}
 .acc-projet{
     background-color: rgba(128,145,0,1);
}
 .formation-1h{
     background-color: rgba(30,144,255,1);
}
 .f-recherche{
     background-color: rgba(125,38,205,1);
}
 .places-more-dates{
     height: 40px;
     display: block;
     border-top:2px dotted #dedede;
     font-size: 13px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-top: 8px;
}
 .other-dates-title{
     font-weight: bold;
     color:#fff;
     letter-spacing: 1px;
     padding-bottom: 7px;
     margin-bottom: 7px;
     border-bottom:2px dotted #fff;
}
 a{
     text-decoration: none;
     -webkit-transition: color 0.3s ease;
     -moz-transition: color 0.3s ease;
     -o-transition: color 0.3s ease;
     -ms-transition: color 0.3s ease;
     -ms-transition: color 0.3s ease;
}
 a:hover{
     text-decoration: none;
}
 .ai1ec-date {
     display: inline-block;
     min-width: 48px;
}
 .ai1ec-year {
     background: rgba(255,255,255,0.2);
     font-size: 0.8em;
     letter-spacing: 0.1em;
     padding: 0 0.2em;
     text-transform: uppercase;
     font-weight: bold;
}
 .ai1ec-month {
     background: rgba(255,255,255,0.2);
     font-size: 0.8em;
     letter-spacing: 0.1em;
     padding: 0 0.4em;
     text-transform: uppercase;
}
 .ai1ec-day {
     font-size: 1.5em;
     padding: 0em 0.2em 0.1em;
     font-weight: bold;
}
 .ai1ec-weekday {
     font-size: 0.7em;
     letter-spacing: 0.2em;
     line-height: 1.8em;
}
 .ai1ec-date-block-wrap {
     background: rgba(255,255,255,1);
     color: #1d71b8;
     line-height: 18px;
     margin: 0px 0 0 7px;
     width: 48px;
     position: absolute;
     top:122px;
     left:11px;
     text-align: center;
     border-radius: 2px;
     z-index: 2000;
}
 .footer-header {
     width: 100%;
     height: 100px;
     background-color: #1d71b8;
     line-height: 45px;
     text-align: right;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .firm {
     vertical-align: middle;
     width: 350px;
     margin: 0;
     padding: 0;
}
 .bg-dark-blue{
     background-color: #29235c;
     color:#fff;
}
 .bg-light-blue{
     background-color: #13749f;
     color:#fff;
}
 .bg-orange{
     background-color: #7d26cd;
     color:#fff;
}
 .quote{
     font-size: 30px;
     font-style: italic;
}
 .fa-lg-forum {
     font-size: 3em;
     line-height: .75em;
     vertical-align: -15%;
}
/* overlay*/
 .dates-en-plus {
     position: absolute;
     padding: 11px;
     height: 240px;
     width: 100%;
     top: auto;
     left: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
     transition: transform 0.4s, opacity 0.1s 0.3s;
     background-color: rgba(29,113,184,.95);
}
 .no-touch .btn-overlay:hover ~ .dates-en-plus, .places-more-dates.cs-hover .dates-en-plus, .dates-en-plus:hover {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s;
     transition: transform 0.4s, opacity 0.1s;
    /*z-index: 10*/
    ;
}
 .btn-overlay{
     display: block;
     z-index: 10;
     cursor:default;
     margin:0;
     padding: 0;
     height: 100%;
     color:#999;
}
 .btn-overlay:hover{
     color:#fff!important;
}
 .formation-info-label {
     position: absolute;
     z-index: 101;
     top: 15px;
     left: 0px;
     display: inline-block;
     padding: 0 10px 0 6px;
     margin-left:4px;
     font-size: small;
     line-height: 24px;
     color: #fff;
}
 .complete{
     background-color: rgba(255,0,0,.9);
}
 .end-inscription{
     background-color: rgba(255,120,0,.9);
}
 .passed{
     background-color: rgba(0,57,102,.9);
}
 .passed-thumb{
     background-color: rgba(192,192,192,.5);
}
 .place-number{
     font-size:20px;
     font-weight: bold;
}
 .more-date-wrapper{
     width: 100%;
    ;
     text-align: right;
     display: flex;
     align-items: center;
     justify-content: center;
     color:#fff;
     margin-bottom: 10px;
}
 .date-other-session {
     font-size: 13px;
     display: inline-block;
     border-bottom: 1px solid rgba(255,255,255,.25);
     font-weight: 600;
     letter-spacing: 1px;

}
 .date-other-session .txt-blue, .date-other-session .txt-dark-gray{
     color: #fff;
}
 .date-formation-fiche .txt-blue, .date-formation-fiche .txt-dark-gray {
     color: #fff;
}
 .the-date{
     color:#fff;
     text-decoration: none;
}
 .the-date:hover{
     text-decoration: none;
     cursor: pointer;
}
 .the-date:hover .date-other-session{
     border-bottom: 1px solid #7d26cd;
}
 .footer-right-content{
     display: block;
     margin-top: 50px;
}
/* tooltip*/
 #tooltip {
     text-align: center;
     color: #fff;
     background-color: #7d26cd;
     position: absolute;
     z-index: 100;
     padding: 5px;
     border-radius: 4px;
}
 #tooltip:after 
/* triangle decoration */
 {
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid #7d26cd;
     content: '';
     position: absolute;
     left: 50%;
     bottom: -10px;
     margin-left: -10px;
}
 #tooltip.top:after {
     border-top-color: transparent;
     border-bottom: 10px solid rgba(29,113,184,.9);
     top: -20px;
     bottom: auto;
}
 #tooltip.left:after {
     left: 10px;
     margin: 0;
}
 #tooltip.right:after {
     right: 10px;
     left: auto;
     margin: 0;
}
 abbr[title], abbr[data-original-title] {
     cursor: help;
     border-bottom: none;
}
/* /tooltip */
 .list-stats {
     padding-left: 0;
     list-style: none;
}
 .footer-stats{
     padding-top: 40px;
     text-align: right;
     color:rgb(29,113,184);
}
 .chiffre-stat{
     display: block;
     font-size: 30px;
     line-height: 1px;
     margin-bottom: 10px;
}
 .list-stats li{
     text-align: right;
     font-size: 18px;
     line-height: 1;
     margin-bottom: 25px;
}
/* all formations */
 .filter-isotope{
     background-color:rgba(255,255,255,0.5);
     border-radius:1em;
     margin-bottom: 1em;
     padding:1em;
     border: 2px solid #fff;
 }

 ul.filtrable li {
     display: inline-block;
     list-style-type: none;
}
 .filtrable li a {
     background-color: rgba(255,255,255,.75);
     border-radius: 27px;
     color: rgb(29,113,184);
     display: inline-block;
     font-weight: 600;
     margin: 0 6px 10px 0;
     padding: 5px;
     font-size: 16px;
     text-align: center;
     text-decoration: none;
     border:1px solid #fff;
}
 .filtrable li a:hover {
     color:#7d26cd;
     background-color: rgba(255,255,255,1);
     cursor:pointer;
     border:1px solid #7d26cd;
}
 .push-filters{
     margin-top:20px;
}
 .formation-search{
     width: 300px;
     height: 50px;
     background: #2b303b;
     border: none;
     font-size: 10pt;
     float: left;
     color: #63717f;
     padding-left: 45px;
     border-radius: 27px;
}
 .title-filter{
     color:rgba(29,113,184,1);
     padding-bottom: 10px;
     border-bottom: 3px dotted rgba(255,255,255,1);
}
 .btn-filters-forum {
     color: #fff;
     background-color: #7d26cd!important;
     border: 0px!important;
     margin-bottom: 20px;
}
 .btn-lg, .btn-group-lg > .btn {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
     border-radius: 28px;
}
 #search {
     position: relative;
     font-size: 18px;
     padding-top: 40px;
     margin: -20px auto 0;
}
 #search label {
     position: absolute;
     left: 17px;
     top: 51px;
}
 #search #search-input, #search .hint {
     padding-left: 43px;
     padding-right: 43px;
     border-radius: 23px;
}
 #search #search-clear {
     text-decoration: none;
     position: absolute;
     right: 18px;
     top: 54px;
     color: #b3b3b3;
}
 .kaps{
     text-transform: uppercase;
}
 #theFilters{
     display: none;
}
 .global-content-wrapper{
     display: block;
     min-height: 100%;
}
 button{
     outline-style:none;
}


/*
 **For Single**
*/

.body-gray{
     background-color: rgb(222, 222, 222);
}
 .color-box {
     background-color: white;
     margin-bottom: 16px;
     position: relative;
}
 .chapo-ss-rub, .chapo-article {
     font-size: 22px;
     font-style: italic;
     color: rgb(153,153,153);
     padding:11px;
}
 .single-formation{
     margin-top:25px;
}
 .hero-rub-img img{
     width: 100%;
     height: auto;
 }
 .central-content iframe{
     width: 100%;
     height: 55em;
     border: 0;
 }
 .hero-f-img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
}
 .to-share .fa {
     margin-right: 5px;
}
 .ss-rub-intro, .central-content {
     padding: 11px 11px 40px 11px;
}
 .central-content p{
     font-size:19px;
     line-height:28px;
}
 .the-fiche {
     padding-right: 6px;
     padding-bottom: 10px;
     padding-top: 10px;
}
 .etab-name {
     font-weight: 600;
     font-size: 34px;
     color: rgb(29,113,184);
     margin: 0px;
     padding: 0px 0px 20px 11px;
}
 .btn-inscription{
     display: flex;
     align-items: center;
}
 .btn-inscription a{
     letter-spacing: 1px;
     font-size: 16px;
}
 .statut-etab {
     display:block;
}
 .the-statut{
     float: right;
     display:inline-block;
     font-size: 12px;
     line-height: 12px;
     font-weight: 400;
     padding: 3px;
     margin: 3px 3px 0 0;
}
 .to-share {
     display: flex;
     align-items: center;
     background-color: rgba(255, 255, 255, 0.5);
     padding:6px 11px;
}
 .sub-reseau{
     float: right;
     display:inline-block;
     font-size: 12px;
     line-height: 12px;
     font-weight: 400;
     padding: 3px;
     margin: 3px 3px 0 0;
     background-color: #dedede;
}
 .content-txt{
     font-size: 19px!important;
     line-height: 28px;
}
/* couleurs des étabs (statut) pour les fontes */
 .epr-font-color{
     color: rgb(150,191,222);
}
 .ee-font-color{
     color: rgb(250,182,0);
}
 .etab-part-font-color{
     color: rgb(200,212,0);
}
 .etab-coop-font-color{
     color: rgb(194,3,68);
}
 .etab-epr{
     background-color: rgb(150,191,222);
}
 .etab-ee{
     background-color: rgb(250,182,0);
}
 .etab-part{
     background-color: rgb(200,212,0);
}
 .etab-coop{
     background-color: rgb(194,3,68);
}
 .geo-situation {
     line-height: 30px;
     background-color: rgba(255, 255, 255, 0.8);
     padding-left: 11px;
     font-weight: 700;
     color: rgba(51,51,51,0.8);
}
 .float-left {
     float: left;
}
 .time-zone {
     float: right;
     padding-right: 11px;
}
 .intertitre-fiche {
     font-size: 25px;
     font-weight: 700;
}
 .intertitre-fiche-resto-transp {
     font-size: 20px;
     font-weight: 700;
     text-align: center;
     padding-top: 5px;
}
 .intertitre-fiche:before{
     font-family: fontawesome;
     font-size: 18px;
     content:"\f054";
     padding-right: 5px;
}
 #infos-etab, #photos-etab{
     margin-top: 20px;
}
 .etab-map-detail {
}
 .infos-pratiques {
     padding-bottom: 10px;
}
 .info-langue{
     letter-spacing: 1px;
     font-weight: 700;
     font-size: 18px !important;     
 }
 .for-title-infos-pratiques {
}
 .les-infos-pratiques {
     padding: 5px 24px;
}
 .les-infos-pratiques p {
     font-size: 16px;
}
 .title-infos-pratiques {
     text-transform:uppercase;
     font-size: 25px;
     text-align: center;
     color:rgba(255,255,255,1);
     margin:0;
     padding:5px 0;
     line-height: 32px;
}
 .titres-infos-pratiques {
     font-weight: bold;
     font-size: 18px;
     padding-bottom:10px;
     border-bottom: 2px dotted rgba(255,255,255,.6);
     color:rgba(41,35,92,1);
}
 .filet-sepa {
     display: block;
     clear: both;
     height: 2px;
     padding: 0;
     margin: 0 0 10px 0;
     border: 0;
     border-bottom: 2px dotted #dedede;
}
 .center-txt {
     text-align: center;
}
 .card {
     font-size: 1em;
     padding: 0;
     border: none;
     margin-top: 4em;
     margin-bottom:0;
}
 .card-wrapper{
     margin-bottom: 1em;
}
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 3.2em 1em 1em 1em;
     border: none;
     background-color: #dedede75;
     border-top-left-radius: 1rem;
     border-top-right-radius: 1rem;
     height: 260px;
     overflow:hidden;
}
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
}
 .card-title {
     font-size: 1.28571429em;
     font-weight: 700;
     line-height: 1.2857em;
}
 .card-text {
     clear: both;
     margin-top: .5em;
     color: rgba(0, 0, 0, .68);
}
 .card-footer {
     font-size: 1em;
     position: static;
     top: 0;
     left: 0;
     max-width: 100%;
     padding: .75em .5em;
     color: rgba(255,255,255, .9);
     background: rgb(29,113,184);
     height: auto;
}
 .card-footer-top {
     font-size: 1em;
     position: static;
     bottom: 0;
     left: 0;
     max-width: 100%;
     padding: 0;
     margin: 0;
     color: rgb(29,113,184);
     background: #dedede75;
    ;
     height: 20px;
     font-size: 20px;
     line-height: 10px;
     overflow: hidden;
}
 .forma-id{
     overflow: hidden;
}
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
}
 .profile {
     position: absolute;
     top: -12px;
     display: inline-block;
     overflow: hidden;
     box-sizing: border-box;
     width: 25px;
     height: 25px;
     margin: 0;
     border: 1px solid #fff;
     border-radius: 50%;
}
 .profile-avatar {
     display: block;
     width: 100%;
     height: auto;
     border-radius: 50%;
}
 .profile-inline {
     position: relative;
     top: 0;
     display: inline-block;
}
 .profile-inline ~ .card-title {
     display: inline-block;
     margin-left: 4px;
     vertical-align: top;
}
 .forma-face {
     position: relative;
}
 .forma-face img {
     top:-45px;
     width: 96px;
     position: absolute;
     left:50%;
     margin-left:-48px;
     z-index: 200;
}
 .forma-face-inscrit img {
     top: -32px;
     width: 64px;
     position: absolute;
     left: 50%;
     margin-left: -32px;
     z-index: 200;
}
 .card-block-inscrit {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 1.9em 1em 1em 1em;
     border: none;
     background-color: #dedede75;
     border-top-left-radius: 1rem;
     border-top-right-radius: 1rem;
     height: 150px;
     overflow: hidden;
}
 .card-title-inscrit {
     font-size: 16px;
     font-weight: 600;
     line-height: 16px;
}
 .f-from-inscrit {
     text-align: center;
     font-size: 12px;
     text-transform: uppercase;
}
 .txt-footer-inscrit{
     font-size: 12px;
}
 .portrait{
     display: block;
     position: relative;
}
 .hr-2 {
     margin-top: 10px;
     margin-bottom: 10px;
     border: 0;
     border-top: 2px solid #fff;
}
 .f-from{
     text-align: center;
     font-size: 13px;
     text-transform: uppercase;
}
 .blue-icon{
     color:rgb(29,113,184);
}
 .university{
     margin-bottom: 6px;
}
 abbr[title], acronym[title] {
     text-decoration: none;
}
 .card-social{
     color:rgba(255,255,255,.8);
     -webkit-transition: color 0.3s ease;
     -moz-transition: color 0.3s ease;
     -o-transition: color 0.3s ease;
     -ms-transition: color 0.3s ease;
     -ms-transition: color 0.3s ease;
}
 .card-social:hover{
     color:rgba(255,255,255,1);
}
 .img-circle {
     border-radius: 50%;
     border:6px solid rgba(255,255,255,1);
}
 .tab-title{
     font-size: 20px;
     font-weight: 600;
}
 .fiche-tabs li a{
     color:rgba(0,0,0,.5);
}
 .fiche-tabs li.active a,.fiche-tabs li.active a:active, .fiche-tabs li.active a:focus{
     color:rgb(29,113,184);
}
 .date-formation-fiche {
     font-size: 16px;
     font-weight: 600;
     display: inline-block;
}
 .tag {
     background: rgba(29,113,184, 1);
     display: inline-block;
     color: #fff;
     position: relative;
     margin: 0 30px 0 -10px;
     padding: 0 50px 0 24px;
}
 .tag:after {
     display: inline-block;
     border: 15px solid;
     border-color: transparent transparent transparent rgba(29,113,184, 1);
     height: 0;
     width: 0;
     position: absolute;
     right: -30px;
     top: 0;
     content: "";
     display: inline-block;
}
 .tag-wrapper{
     display: block;
     margin-left:-28px;
     overflow: hidden;
}
 .txt-white-50{
     color:rgba(255,255,255,.5);
}
 .txt-orange{
     color:#7d26cd;
}
 .sablier .fa-stack {
     position: relative;
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     vertical-align: middle;
     margin-top: -3px;
     color:#1d71b8;
}
 .bg-sidebar-single{
     background-color: rgba(29,113,184,0.7);
}
 .btn-website-fiche {
     width: 200px;
     color: rgba(29,113,184,1);
     border-radius: 28px;
     background-color: none;
     border: 3px solid rgba(29,113,184,1);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-weight: bold;
}
 .btn-website-fiche:hover, .btn-website-fiche:focus, .btn-website-fiche.focus, .btn-website-fiche:active, .btn-website-fiche.active {
     color: rgba(125, 38, 205, 1);
     border-color: rgba(125, 38, 205, 1);
     border-color:none;
}
 .formation-type-single {
     font-size: 12px;
     line-height: 11px;
     font-weight: 400;
     color: #ffffff;
     text-transform: uppercase;
     padding: 5px;
     margin: 5px 2px 0;
     letter-spacing: 1px;
     float: right;
}
 .les-infos-pratiques p.datas-places{
     font-size: 25px;
     color:#1d71b8;
     border-radius:28px;
     background-color: #fff;
}
 .more-date-single-wrapper {
     width: 100%;
     text-align: right;
     display: flex;
     align-items: center;
     justify-content: left;
     color: #fff;
     margin-bottom: 10px;
}
 .les-infos-pratiques p {
     font-size: 16px;
     line-height: 1.3em;
     margin-bottom: 0.25em;
     color:#fff;
}
 .liste-nvx {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .the-levels-p-pedago {
     float: left;
     display: inline-block;
     font-size: 15px;
     line-height: 15px;
     font-weight: bold;
     background-color: rgba(255,255,255,0.6);
     padding: 0.7em;
     margin: 6px;
     color: #0074A4;
}
 .in-circle {
     -moz-border-radius: 28px;
     -webkit-border-radius: 28px;
     border-radius: 28px;
}
 .the-tags-p-pedago {
     float: left;
     display: inline-block;
     font-size: 12px;
     line-height: 12px;
     font-weight: bold;
     text-transform: uppercase;
     background-color: rgba(255,255,255,.6);
     padding: 0.5em;
     margin: 3px;
     color: #0074A4;
}
/* OVERLAY BIO*/
 .bio {
     position: absolute;
     padding: 11px;
     margin:11px;
     width: 100%;
     top: auto;
     left: 0;
     bottom: 0;
     opacity: 0;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
     transition: transform 0.4s, opacity 0.1s 0.3s;
     background-color: rgba(29,113,184,.95);
     z-index: 199;
}
 .bio p{
     color:#fff;
     text-align: left;
     font-size: .7em;
     line-height: 17px;
     font-weight: normal;
}
 .no-touch .btn-bio:hover ~ .bio, .btn-bio.cs-hover .bio, .bio:hover {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
     -moz-transition: -moz-transform 0.4s, opacity 0.1s;
     transition: transform 0.4s, opacity 0.1s;
    /*z-index: 10*/
    ;
}
 .btn-overlay{
     display: block;
     z-index: 10;
     cursor:default;
     margin:0;
     padding: 0;
     height: 100%;
     color:#999;
}
 .btn-overlay:hover{
     color:#fff !important;
}
 .to-share-icons a{
     color: #1d71b8;
}
 .to-share-icons a:hover, .to-share-icons a:active, .to-share-icons a:focus{
     color: #7d26cd;
}

/*Style des formulaires*/

.modal h3{
     color:red;
     font-weight: 600;
     font-size: 40px;
     color:#1d71b8;
     border-bottom:3px dotted;
     padding-bottom:10px;
     margin-bottom: 20px;
}
 form{
}
 input{
     border-radius:28px;
     border: 2px solid rgb(29,113,184);
}
 input:focus{
     border-radius:28px;
     border: 2px solid rgb(238,154,69);
}
 .acf-input-wrap input {
     height: 40px;
     margin: 0;
}
 .acf-field .acf-label label {
     display: block;
     font-size: 28px !important;
     vertical-align: top;
     margin: 0 0 10px;
     font-weight:600 !important;
     padding-bottom:20px !important;
     margin-bottom: 20px !important;
     border-bottom:3px dotted #1d71b8;
     color: #1d71b8;
}
 .acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="email"], .acf-field input[type="url"], .acf-field textarea {
     font-size: 18px !important;
     width: 100%;
     min-height: 40px !important;
     resize: none;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 17px;
     line-height: 1.5;
     border-radius:28px;
     border: 2px solid rgb(29,113,184);
}
 input:focus {
    outline:0;
}
 select, .select2-container .select2-choice {
     font-size: 20px;
     line-height: inherit;
     border:none;
     background-color: rgb(238,154,69);
     color:#FFF;
}
 input[type="submit"]{
     color: rgba(29,113,184,1);
     border-radius: 28px;
     background-color: none;
     border: 3px solid rgba(29,113,184,1);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-weight: bold;
     padding:10px;
     letter-spacing: 1px;
     font-size: 20px;
     text-transform: uppercase;
}
 input[type="submit"]:hover{
     color: rgba(125, 38, 205, 1);
     border-color: rgba(125, 38, 205, 1);
     border-color:none;
}
 .acf-field .acf-label label {
     font-size: 18px;
     display:inline-block;
     margin-left:10px;
     font-weight: bold;
     padding: 0;
}
 .acf-form-submit{
     display: block;
     margin:20px 0 20px 10px;
}
 #acf-_post_title{
     padding:20px;
     font-size: 25px;
}
 .acf-field--post-title .acf-label label{
     border-bottom:none !important;
     padding-bottom: 0px !important;
}
 input[type=checkbox] {
     transform: scale(1.5) !important;
     margin:10px 10px 5px 0px !important;
}
 label{
     font-size: 16px;
     line-height: 10px;
}
 form .selected{
     color:#000 !important;
     background-color: transparent !important;
     padding:0;
}
 .input-f-wrapper{
     background-color: #fff;
     padding: 20px;
     margin:0 10px;
     border-radius:28px;
     border: 2px solid rgb(29,113,184);
}
 .acf-field--post-title label{
     margin-left:20px !important;
}
 form select{
     border:transparent !important;
}
 .acf-field textarea{
     font-size: 18px !important;
     width: 100%;
     padding: 10px !important;
     resize: none;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 14px;
     line-height: 1.4;
     border-radius:28px;
     border: 2px solid rgb(29,113,184);
}
 .acf-button{
     color: rgba(29,113,184,1);
     border-radius: 28px;
     background-color: none;
     border: 3px solid rgba(29,113,184,1);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-weight: bold;
     padding:8px;
     letter-spacing: 1px;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     margin-top:10px !important;
}
 .acf-button:hover{
     color: rgba(125, 38, 205, 1);
     border-color: rgba(125, 38, 205, 1);
     border-color:none;
}
 .acf-basic-uploader{
     display: block;
     padding:10px;
}
 .acf-field input[type="file"] {
     width: 100%;
     padding: 5px;
     resize: none;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 17px;
     border-radius:28px;
     border: 2px solid rgb(29,113,184);
}

 .select2-container.-acf .select2-choice {
    border-color: rgba(29,113,184,1) !important;
    border-width: 2px !important;
    min-height: 2em;
    border-radius: 18px;
    padding: 5px;
}
 .select2-container.-acf .select2-choice .select2-arrow {
    border-left-color: rgba(29,113,184,1) !important;
    border-width: 2px !important;
}

 .select2-container.-acf .select2-choice .select2-arrow {
    padding-left: 0px;
    padding-top: 4px;
}

 .select2-search-choice-close{
     margin-top: 4px;
}
 .select2-chosen{
     color: rgba(29,113,184,1) !important;
}
 .acf-input-wrap {
    overflow: visible !important;
}

.fader{
    display:block;
    height: 36px;
    position: absolute;
    bottom:0;
    left:0;
    background:url(img/fader.png);
    width: 100%;
}



.txt{
    margin:1em;
}
.thumbnail .choix-destination{
    box-sizing: border-box;
    position:absolute;
    left:0;
    bottom:0;
    width: 100%;
    height:calc(100% - 182px);
    background-color: rgba(29,113, 184,.95);
    
    padding: 1rem;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .thumbnail:hover .choix-destination,
.thumbnail.cs-hover .choix-destination {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}

.choix-destination{
display:flex;
text-align: center;
align-items:center;
justify-content: space-evenly;
}
.a-container{
width:50%;
}
.a-container a{
width: 100%;
display: flex;
flex-direction: column;
text-decoration: none;
color:#fff;
opacity: .5;
}
.a-container a:hover{
text-decoration: inherit;
opacity: 1;
}
.a-container a:hover>i{
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.white{
color: #fff;
}
.a-container i{
font-size: 3em;
margin-bottom: .2em;
}
.filet-right{
border-right: 2px dotted;
border-color: rgba(255,255,255,.5)
}

/* Ajout d'onglets sur la page d'accueil 05/21 */
.nav-tabs{
    margin-bottom: 20px;
}
.nav-tabs li{
    margin-right:5px;
}
.nav-tabs li a::before{
    font-family: "FontAwesome";
    content: "\f073";
    margin-right:5px;
    opacity: .7;

}
.nav-tabs > li > a{
display:block;
border-radius: 28px!important;
border:none;
transition: all .4s ease-in-out;
background-color: #fff;
color:#ED6D44;
font-size: 1.5rem;
letter-spacing:1px;
}


.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
background-color: #ED6D44;
border-radius:inherit;
border:none;
color:#fff;
}

.ccn-levels{
    display: flex;
    width: 100%;
    background-color:rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 28px!important;
    margin-bottom: 16px;
    justify-content: flex-end;
    color:#ED6D44!important;

}

.download, .download:visited{
    display:flex;
    border: #ED6D44 2px solid;
    border-radius: 28px!important;
    transition: all .4s ease-in-out;
    background-color:none ;
    color:#ED6D44!important;
    font-size: 1.5rem;
    padding: 3px 10px;
    align-items: center;
    text-decoration: none!important;
    }

    .download::before{
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-family: "FontAwesome";
        content: "\f019";
        margin-right:5px;
        color:#fff;
        background-color: #ED6D44;
        padding:2px;
        text-align: center;
        transform: translateX(-5px);
        transition: all .4s ease-in-out;

    }

    .download:hover{
        border: #ED6D44 2px solid;
        background-color:#ED6D44;
        text-decoration: inherit;
        color:#fff!important;
        }

        .download:hover::before{
        color:#ED6D44;
        background-color: #fff;
    }

    /* classe spéciale pour désactiver "voir CCN" lorsque ce n'est pas encore possible */

   
    
    .not-yet{
    display: flex;
    pointer-events: none!important;
    align-items: center;
    opacity: 1;

    }
    a.not-yet::after{
        width: 50%;
        display: block;
        content: "BIENTÔT";
        opacity: .9!important;
        color:#fff;
        letter-spacing: 1px;
        font-weight: bold;
        border:2px solid #fff;
        text-align: center;
        margin-top: 5px;
        border-radius: 10px;
    }



    /* media queries pour adapter le lien de téléchargement du pdf quelle CCN pour quels nvx de classe ? */

    @media screen and (max-width: 500px) {

        .download {
            width: 100%;
           justify-content: center;
        }
    }