/* PAGE 873 - INTRO FORMATIONS */
.page-id-873 #primary{background:linear-gradient(to bottom,#03122c,#000)}
.page-id-873 .description01{background:#fff;padding:1rem}
.page-id-873 .fc-section h3{text-align:center;text-transform:uppercase}

/* #formintrocadre - structure, CTA, flèches, typo */
#formintrocadre{font-family:system-ui,sans-serif;margin:0;padding:0;color:#fff}
#formintrocadre .section{display:flex;width:100%;height:31rem}
#formintrocadre .visuel{padding:5rem;width:35rem;background:#fff;box-sizing:border-box;display:flex;justify-content:center}
#formintrocadre .visuel img{width:20rem;height:20rem;max-width:20rem}
#formintrocadre .texte{padding:5rem;width:65rem;flex-direction:column;text-align:left;position:relative;box-sizing:border-box;display:flex;justify-content:center}
#formintrocadre h1,#formintrocadre h2{text-align:center}
#formintrocadre h1{font-size:4rem;line-height:1.2;margin:0}
#formintrocadre h2{font-size:1.5rem;margin-bottom:1rem}
#formintrocadre ul{list-style:none;padding:0;margin:0}
#formintrocadre li{margin-bottom:10px}
#formintrocadre p{margin:10px 0}

/* CTA */
#formintrocadre .fond-gris .goformation,#formintrocadre .fond-bleu .goformation{display:block;width:10rem;padding:.3rem;text-align:center;border:1px solid}
#formintrocadre .fond-gris .goformation{border-color:#333;color:#333}
#formintrocadre .fond-bleu .goformation{border-color:#fff;color:#fff}
#formintrocadre .goformation:hover{background:#0d7db1;transition:background-color .3s ease;border:1px solid #fff}

/* Flèches et couleurs */
#formintrocadre .fond-gris{background-color:#e6e6e6;color:#111;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%)}
#formintrocadre .fond-bleu{background-color:#102b59;color:#fff;clip-path:polygon(5% 0,100% 0,100% 100%,5% 100%,0 50%)}

/* Titres encadrés */
#formintrocadre .fond-gris h2,#formintrocadre .fond-bleu h2{display:block;width:fit-content;margin:0 auto 1rem;border:1px solid #B7B7B7;padding:.3rem 1rem}

/* Couleurs spécifiques */
#formintrocadre .fond-gris strong{color:#102b59!important;font-weight:700}
#formintrocadre .fond-gris h2{color:#000}
#formintrocadre .fond-bleu,#formintrocadre .fond-bleu h1,#formintrocadre .fond-bleu h2,#formintrocadre .fond-bleu strong{color:#fff!important}

/* Responsive 1-1200 pour cette intro */
@media screen and (min-width:1px) and (max-width:1200px){
  #blocformfleches{width:100%}
  .page-id-873 .description01{padding:.2rem}
  .page-id-873 .fc-album-grid img{padding:.2rem}
  .page-id-873 .fc-section{margin-top:0;padding:.5rem}
  #formintrocadre .section{display:block;height:auto}
  #formintrocadre .visuel{display:none}
  #formintrocadre .texte{width:100%;padding:2rem}
  #formintrocadre .fond-gris,#formintrocadre .fond-bleu{clip-path:none}
  #formintrocadre .visuel img{max-width:100%;height:auto}
  #formintrocadre h1{text-align:center;font-size:2rem}
  .page-id-873 .fc-section h3{text-align:center;text-transform:uppercase}
}