/* FormazionePsi - look Academia sur T4 */
@font-face{font-family:'montserratlight';src:url('../fonts/montserrat/montserrat-light-webfont.woff2') format('woff2'),url('../fonts/montserrat/montserrat-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'montserratregular';src:url('../fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'montserratbold';src:url('../fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),url('../fonts/montserrat/montserrat-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
:root{--fp-primary:#01BAFD;--fp-primary-dark:#0190C4;--fp-text:#373737;--fp-gray-darker:#2D2D2D;--fp-gray:#4D4D4D;--fp-gray-light:#636363;--fp-gray-lighter:#D0D0D0;--fp-gray-lightest:#F7F7F7;--fp-nav:#141414;--fp-copyright:#212121}
body{font-family:'montserratlight',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;color:var(--fp-text);background:#fff}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{font-family:'montserratbold',Helvetica,Arial,sans-serif;font-weight:normal;color:var(--fp-text);line-height:1.1}
h3,h4,.module-title{font-family:'montserratregular',Helvetica,Arial,sans-serif}
a{color:var(--fp-primary);text-decoration:none}
a:hover,a:focus{color:var(--fp-primary-dark)}
strong,b{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-weight:normal}
/* Coins carres */
.btn,.form-control,.form-select,.card,.dropdown-menu,.alert,.badge,.nav-pills .nav-link,.page-link,img{border-radius:0!important}
.btn{font-family:'montserratregular',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;padding:8px 18px}
.btn-primary{background:var(--fp-primary);border-color:var(--fp-primary);color:#fff}
.btn-primary:hover,.btn-primary:focus{background:var(--fp-primary-dark);border-color:var(--fp-primary-dark);color:#fff}
/* En-tete : logo texte sur fond blanc, puis barre de menu sombre */
#t4-header{background:#fff;border:0;box-shadow:none;padding:0}
#t4-header .navbar-brand a,#t4-header .navbar-brand .site-name,#t4-header .navbar-brand{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:28px;line-height:1;color:var(--fp-primary);text-transform:none}
@media (min-width:992px){
 #t4-header .header-wrap,#t4-header .t4-section-inner>.d-flex,#t4-header .t4-section-inner>div:first-child{flex-wrap:wrap}
 #t4-header .navbar-brand{padding:20px 0;flex:0 0 100%}
 #t4-header .t4-megamenu-wrap,#t4-header .t4-navbar{flex:0 0 100%;position:relative}
 #t4-header .t4-megamenu-wrap::before,#t4-header .t4-navbar::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;background:var(--fp-nav);z-index:-1}
}
#t4-header .t4-megamenu .navbar-nav>li>a,#t4-header .t4-megamenu .navbar-nav>li>.nav-link,#t4-header .t4-megamenu .navbar-nav>li>span{color:#fff;text-transform:uppercase;font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:13px;line-height:50px;height:50px;padding:0 15px}
#t4-header .t4-megamenu .navbar-nav>li>a:hover,#t4-header .t4-megamenu .navbar-nav>li.active>a,#t4-header .t4-megamenu .navbar-nav>li.current>a{background:rgba(255,255,255,.1);color:#fff}
#t4-header .t4-megamenu .dropdown-menu{background:var(--fp-nav);border:0}
#t4-header .t4-megamenu .dropdown-menu a{color:#fff}
#t4-header .t4-megamenu .dropdown-menu a:hover{background:var(--fp-primary);color:#fff}
/* Titres de page */
.page-header h1,.page-header h2,.item-title{font-family:'montserratbold',Helvetica,Arial,sans-serif;font-size:36px}
/* Fil d'Ariane */
#t4-breadcrumbs{background:var(--fp-gray-lightest);font-size:12px;border-top:1px solid #eee}
/* Pied de page */
#t4-footer{background:var(--fp-gray-darker);color:var(--fp-gray-lighter);font-size:12px}
#t4-footer a{color:var(--fp-gray-lighter)}
#t4-footer a:hover{color:#fff}
#t4-footer .t4-copyright,#t4-footer .footer-info{background:var(--fp-copyright)}
/* Guru : boutons et tableaux */
.guru-content .uk-button-primary,.guru-content .btn-primary{background:var(--fp-primary);border-color:var(--fp-primary)}
.guru-content .uk-button-success{background:#8DC63F}
/* correctif barre de menu + bouton a droite */
@media (min-width:992px){
 #t4-header .header-wrap{position:relative}
 #t4-header .t4-navbar{z-index:0;margin:0!important}
 #t4-header .t4-header-r{position:absolute;right:0;top:75px;height:50px;z-index:1}
 #t4-header .t4-header-r,#t4-header .t4-header-r a,#t4-header .t4-header-r .bt,#t4-header .t4-header-r i{color:#fff}
}
/* ===== Accueil ===== */
#t4-masthead,.t4-masthead{padding:0;background:#fff}
.fp-home{margin:0}
.fp-hero{display:flex;min-height:420px;background:#4DB8F5}
.fp-hero-img{flex:0 0 57%;background-size:cover;background-position:center}
.fp-hero-box{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 30px;background:#4DB8F5;color:#fff}
.fp-hero-box h2{color:#fff;font-size:46px;text-transform:uppercase;line-height:1.05;margin-bottom:15px}
.fp-hero-box p{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:20px;line-height:1.4;margin-bottom:25px}
.fp-btn-outline{display:inline-block;align-self:flex-start;border:2px solid #fff;color:#fff!important;padding:10px 16px;text-transform:uppercase;font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:14px}
.fp-btn-outline:hover{background:#fff;color:var(--fp-primary)!important}
.fp-welcome{padding:60px 15px}
.fp-kicker{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:22px;margin:0}
.fp-big{font-size:58px;margin:0 0 20px}
.fp-welcome .lead{font-size:18px;line-height:1.5}
.fp-welcome p{text-align:justify}
.fp-welcome-img{box-shadow:0 0 0 1px #eee}
.fp-features{padding:20px 15px 60px;text-align:center}
.fp-feature img{width:64px;height:64px;margin-bottom:15px}
.fp-feature h4{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.3}
/* Liste des cours en cartes */
.fp-courses{background:var(--fp-gray-lightest);padding:70px 0}
.fp-courses-title{font-size:58px;line-height:1;margin-bottom:40px}
.fp-courses-title span{display:block;font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:22px;margin-bottom:4px}
.fp-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.fp-card{display:flex;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);color:var(--fp-text)!important;min-height:130px;transition:box-shadow .2s}
.fp-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.18)}
.fp-card-img{flex:0 0 46%;background-size:cover;background-position:center}
.fp-card-body{flex:1;padding:18px}
.fp-card-title{display:block;font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:18px;line-height:1.25;margin-bottom:8px}
.fp-card-intro{display:block;font-size:12px;line-height:1.4;color:var(--fp-gray-light)}
@media (max-width:991px){.fp-hero{flex-direction:column}.fp-hero-img{min-height:240px}.fp-big{font-size:40px}.fp-hero-box h2{font-size:32px}.fp-course-grid{grid-template-columns:1fr}.fp-courses-title{font-size:40px}}
/* Pied de page */
.fp-copy{padding:15px 0;font-size:12px;color:var(--fp-gray-lighter)}
/* ===== Page de formation ===== */
.view-article #t4-masthead{display:none}
.fp-course{margin-top:-1px}
.fp-chero{position:relative;min-height:440px;display:flex;align-items:flex-end;background:#2D2D2D center/cover no-repeat;margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%)}
.fp-chero::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.05) 60%)}
.fp-chero .container{position:relative;padding-bottom:40px}
.fp-chero-title{color:#fff;font-size:62px;line-height:1.05;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.fp-chero-sub{color:#fff;font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:20px;margin:8px 0 0}
.fp-cbody{padding-top:40px;padding-bottom:60px}
.fp-ctext{font-size:14px;line-height:1.6}
.fp-ctext h1,.fp-ctext h2{font-size:36px;line-height:1.1;margin:30px 0 15px}
.fp-ctext h3{font-size:24px}
.fp-ctext img{max-width:100%;height:auto}
.fp-ccard{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);margin-bottom:20px}
.fp-ccard img{width:100%;height:auto;display:block}
.fp-ccard-body{padding:20px}
.fp-ccard-fee{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2;margin:0 0 10px}
.fp-ccard-apply{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:16px;color:var(--fp-primary)}
.fp-cbanner img{max-width:100%;height:auto}
@media (min-width:992px){.fp-cside{position:sticky;top:20px;align-self:flex-start}}
@media (max-width:991px){.fp-chero{min-height:240px}.fp-chero-title{font-size:36px}}
.fp-ctext .fp-ctitle{font-family:'montserratregular',Helvetica,Arial,sans-serif;font-size:24px;margin:0 0 6px}
/* evite le defilement horizontal cause par le fond de la barre de menu (2026-10-27) */
body{overflow-x:clip}
#t4-header{overflow-x:clip}
/* ===== Mobile / tablette (2026-10-27) ===== */
@media (max-width:991px){
 #t4-header{border-bottom:1px solid #eee}
 #t4-header .t4-header-r .navbar-toggler{display:none!important}
 #t4-header .t4-header-r .t4-offcanvas-toggle,#t4-header .t4-header-r .t4-offcanvas-toggle i,#t4-header .t4-header-r .t4-offcanvas-toggle span{color:var(--fp-nav)!important;font-size:22px}
}
@media (max-width:767px){
 .blog-items[class*=masonry-]{column-count:1!important;columns:auto!important}
 .blog-items .items-row{margin-left:0;margin-right:0}
 .item-intro,.fp-ctext,.item-page{overflow-wrap:anywhere}
 .item-intro img,.item-page img{max-width:100%;height:auto}
}