:root {
     /* ok */
    --pro-fonc-texte-footer: #101556;
    --pro-fond-1: #CBF0F8;
    --pro-fond-2: #0A77B6;
    --pro-fond-3:#084088;
    --pro-fond-4:#93E0EE;
    --pro-fond-5:#93E0EE;

    --emploi-fond3: #C23F03;

    --emploi-fond5: #FEE8D3;
    --gris-form:#C8C8C8;

    --couleurref:#084088;
    --Noir:#161616;

    --formation-fond-1:#CBF0F8;
    --formation-fond-2:#0A77B6;
    --formation-fond-3:#084088;
    --formation-fond-4:#93E0EE;
    --formation-fond-5:#E7F8FF;




    --emploi-fond4: #FEC596;
    --emploi-fonc-texte-footer: #491E02;
    

    --Gris-moyen:#767676;
    --gris-clair: #F0F0F0;
    --Blanc:#FFF;
    --neutral-colors-white:#FFF;

    --icon-link:url('../../images/icon-link-form.svg');
    --icon-link-hover:url('../../images/icon-link-hover.svg');
    --icon-nav-previous:url('../../images/nav-previous.svg');
    --icon-nav-next:url('../../images/nav-next.svg');
    --icon-faq-opened:url('../../images/faq-opened-form.svg');
    --icon-faq-closed:url('../../images/faq-closed-form.svg');
    --icon-telecharger:url('../../images/icon-telecharger.svg');
    --icon-voir:url('../../images/icon-voir.svg');

    --icon-breadcrumb:url('../../images/icon-sepbreadcrumb.svg');


    --text_dark: #1a1a1a; 

    --text_dark_gray: #391400; 
    --text_light: #ffffff; 
    --text_light_accent: #94bb26; 
    --text_light_gray: #ffffff; 
    --primal: #D40075; 
    --secondaire: #D40075; 
    --tertiaire: #FF71BF;
    --fondbleu: #FDF0E9; 
    --colorstyle: #1a1a1a;
    --bggris:rgba(212, 0, 117, 0.04);
    --trstriped:#F8DCDD;
    --menu-disabled:#f6cce3;
    
}

/* Menu */
#menu {
  margin-top: 250px;
  margin-left: 0;
  left: 0;
}

.site.menu-scrolled .site-header #menu {
  margin-top: 200px;
}

@media (max-width:768px) {
  
  #menu,
  .site.menu-scrolled .site-header #menu {
    margin-top: 480px;
  }

}

#primary-menu .rubrique_menu .dropdown-toggle-under.menu-link{
  font-weight:400 !important;
  color:var(--formation-fond-2) !important;
}
 
#primary-menu .rubrique_menu_vide .dropdown-toggle-under.menu-link{
  display:none;
}

@media (min-width:768px) {
  #site-navigation .dropdown-menu li.menu-item, .menu-langues .dropdown-menu li.menu-item, #btnvueagenda.dropdown-menu .menu-link {
    margin-bottom: 1em;
  }
/*
  #primary-menu .rubrique_menu .dropdown-toggle-under.menu-link{
  margin-top: 1em;
}
*/
}
.main-header-bar-navigation {
  padding-bottom: 1.25em !important;
}

@media (min-width: 992px) {
  .footer-site {
    background-position:top +4vh right +2vw !important;
  }
}

.txt-fondfonce {
  color:var(--pro-fonc-texte-footer) !important;
}

.txt-fond4 {
  color:var(--pro-fond-4) !important;
}

.txt-fond2 {
  color:var(--pro-fond-2) !important;
}

.txt-fond3 {
  color:var(--pro-fond-3) !important;
}

/* Headers Moteurs Formations */
.page-template-page-moteuragendaformations #masthead,
.page-template-page-moteuragendaformations #menu{
  background: var(--pro-fond-1);
}

.page-template-page-moteuragendaevenements #masthead,
.page-template-page-moteuragendaevenements #menu{
  background: var(--pro-fond-2);
}

.page-template-page-form-inscription #masthead,
.page-template-page-form-rappeler #masthead,
.page-template-page-form-rappeler #menu,
.page-template-page-form-inscription #subheader,
.page-template-page-form-inscription #menu,
.page-template-page-form-rappeler #subheader{
  background: var(--formation-fond-5);
}

.page-template-page-moteuragendaevenements .menu-text,
.page-template-page-moteuragendaevenements #primary-menu .rubrique_menu .dropdown-toggle-under.menu-link {
  color:#ffffff !important;
}
.page-template-page-moteuragendaevenements .navbar-toggler.x .icon-bar{
  background-color:#ffffff;
}
.page-template-page-moteuragendaevenements #site-navigation .menu-link, 
.page-template-page-moteuragendaevenements #site-navigation .menu-link:hover, 
.page-template-page-moteuragendaevenements #site-navigation .menu-link:focus, 
.page-template-page-moteuragendaevenements #site-navigation li.show .dropdown-toggle, 
.page-template-page-moteuragendaevenements #compte-navigation .menu-link:hover, 
.page-template-page-moteuragendaevenements #compte-navigation .menu-link:focus,
.page-template-page-moteuragendaevenements #site-navigation .current-menu-item .menu-link {
    color:#ffffff;
}

#subheadagenda,
#subheadagendabreadcrumb  {
  background: var(--pro-fond-1);
}

#subheadagendaevenements,
#subheadagendaevenementsbreadcrumb {
  background: var(--pro-fond-2);
}
#subheadagendaevenementsbreadcrumb .ast-breadcrumbs,
#subheadagendaevenementsbreadcrumb .ast-breadcrumbs a{
  color:white;
}

#subheadagendaevenementsbreadcrumb .ast-breadcrumbs li.trail-item::after {
  content:"";
  background-image:url('../../images/icon-sepbreadcrumb-white.svg'); 

  background-repeat: no-repeat;
  background-size: 15px 24px;
  background-position: center;
  width:15px;
  height:24px;
  vertical-align: middle;
  align-items: center;
  align-content: center;
  align-self: center;
  display:inline-block;
      margin-right:.45rem;
      margin-left:.45rem;
}

#subheadagendaevenementsbreadcrumb .ast-breadcrumbs li.trail-end::after {
  background:none;
  display:none;
}


#subheadagendaevenements h2 {
  font-weight: 300;
}

@media (max-width: 768px) {
  #subheadformations  {
    background: var(--pro-fond-5);
  }
}

@media (min-width: 768px) {
  #subheadformations {
    background: var(--pro-fond-5) url('../../images/bg_moteur_formation.svg');
    background-position: top right +16vw;
    background-repeat: no-repeat;
    background-size: 21vw auto;
  }

  #subheadagenda.agendasubflower {
    background: var(--pro-fond-1) url('../../images/bg_moteur_formation.svg');
    background-position: top right +16vw;
    background-repeat: no-repeat;
    background-size: 21vw auto;
  }
  
}

.bg-flower{
  background:url('../../images/bg_flower_neutre.svg');
  background-position: left +4vw center;
  background-repeat: no-repeat;
  background-size: 19vw auto;
}

.bg-arrow {
  background:url('../../images/bg-arrow.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2vw auto;
  margin-left:2.5vw;
}

.bg-arrow .nav{
  padding-left:5vw;
}

@media (max-width: 850px) {
  #li_btn_formation_profil .nav-item {
    margin-bottom:1.5rem;
  }
}
.btn_profil {

  padding: 0.8rem 2.75rem .8rem 1rem;
  text-align:left;
  background: var(--Blanc) url('../../images/profil_inactif.svg');
  background-position: center left +1.5vw;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  height:100%;
  
  padding-left: 4em;
  
  border-radius: 4rem;
  border: 1px solid transparent;

  font-family: 'Roboto';
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 133.333% */
  color: var(--Gris-moyen);
}

.btn_profil:hover,
.btn_profil:focus,
.btn_profil.active {
  background: var(--pro-fonc-texte-footer) url('../../images/profil_actif.svg');
  background-position: center left +1.5vw;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  color: var(--Blanc);
  outline:none;
  border: 1px solid transparent;
}
/*
.page-template-page-moteuragendaformations .btn_profil {
  border: 1px solid var(--gris-form);
}
.page-template-page-moteuragendaformations .btn_profil:hover,
.page-template-page-moteuragendaformations .btn_profil:focus,
.page-template-page-moteuragendaformations .btn_profil.active{
  border: 1px solid transparent;
}
*/
.bg-cibleparent-formation,
.bg-cibles-formation {
  background-color: rgba(255,255,255,.45);
  border-radius: .5em;
  padding-left: .7em;
  padding-bottom: .7em;
}

.page-template-page-moteuragendaformations .bg-cibleparent-formation,
.page-template-page-moteuragendaformations .bg-cibles-formation {
  background-color: rgba(255, 255, 255, 0.25);
  
  box-shadow: 0px 17px 31px 0px rgba(8, 64, 136, 0.12);

}

@media (min-width: 768px) {
  .bg-cibleparent-formation {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .bg-cibles-formation {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.btn_fond1 {
  border-radius: 5rem;
  border: 1px solid transparent;
  background: var(--pro-fond-1);
    padding: 0.77rem 1.6rem;
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
    align-items: center;
  display: inline-flex;
  text-decoration:none !important;
  min-width:20vw;
  justify-content: center;
}

.btn_fond1:hover,
.btn_fond1:focus {
   background: var(--pro-fonc-texte-footer);
   color:var(--neutral-colors-white);
   outline:none;
}

.btn_agenda {
  width:18px;
  height:18px;
  background:url('../../images/icon_agenda.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
}

.icon_carte {
  width:18px;
  height:18px;
  background:url('../../images/icon_carte.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
}


.btn_fond1:hover .btn_agenda,
.btn_fond1:focus .btn_agenda{
    width:18px;
  height:18px;
  background:url('../../images/icon_agenda_hover.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
}

.btn_fond1:hover .icon_carte,
.btn_fond1:focus .icon_carte{
    width:18px;
  height:18px;
  background:url('../../images/icon_carte_hover.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
}

.btn_arrow_right {
  width:18px;
  height:18px;
  background:url('../../images/icon-arrow-right.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
}


.page-template-page-moteuragendaformations .btn_black_flc {
  min-width:20vw;
}

.page-template-page-moteuragendaformations .btn_black_flc:disabled {
  opacity:.4;
}

#listchoix {
  border:1px solid var(--pro-fond-2);
  border-radius:1.5em;
  padding:2em;
  margin-bottom:10vh;
}

.btn_select_agenda {
  border-radius: 5rem;
  border: 3px solid transparent;
  background: var(--pro-fond-1);
    padding: 0.77rem 1.6rem;
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
    align-items: center;
  display: inline-flex;
  text-decoration:none !important;
  min-width:20vw;
  justify-content: center;
}

.btn_select_agenda:hover,
.btn_select_agenda:focus {
    background:  var(--pro-fond-1);
   color:var(--pro-fonc-texte-footer);
     border: 3px solid var(--pro-fond-2);
}

.btn_select_agenda.active{
  background: var(--neutral-colors-white);
  color: var(--pro-fonc-texte-footer);
  border: 1px solid var(--pro-fond-2);
}
   
.btn_select_agenda.selected{
   background: var(--neutral-colors-white);
   color:var(--pro-fonc-texte-footer);
     border: 1px solid var(--pro-fond-2);
}

.btn_select_choix {
 -webkit-appearance: none;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background: var(--formation-fond-5);
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  height: min-content;

  border: 0;
  align-items: center;
  outline: none;
  box-shadow: none;
  align-content: start;
  text-align: left;
}

.btn_select_choix:hover,
.btn_select_choix:focus,
.btn_select_choix.active {
  background: var(--pro-fond-3);
  color: var(--neutral-colors-white);
}


.page-template-page-moteurformations h4 {
  font-size:1.4rem;
}

.page-template-page-moteurformations .formation-result,
.page-template-page-moteuragendaformations .formation-result {
  border: 1px solid var(--pro-fond-2);
  border-radius: .25rem;
}
.page-template-page-moteurformations .formation-result,
.page-template-page-moteuragendaformations .formation-result{
  color:var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
}
.page-template-page-moteurformations .formation-result div,
.page-template-page-moteuragendaformations .formation-result div{
  color:var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
 font-size: 1.07rem;
}

.page-template-page-moteuragendaevenements .detailsevent div,
.page-template-page-moteuragendaevenements .detailsevent p,
.page-template-page-moteuragendaevenements .lignevent div{
  color:var(--Noir);
  font-family: 'Roboto';
 font-size: 1.07rem;
}


.page-template-page-moteurformations .formation-result .font-weight-bold,
.page-template-page-moteuragendaformations .formation-result .font-weight-bold,
.page-template-page-moteuragendaevenements .detailsevent .font-weight-bold,
.page-template-page-moteuragendaevenements .lignevent .font-weight-bold {
  font-weight:600 !important;
}



.img-formation {
  width: 100%;
  object-fit: cover;
}

.btn_type_formation {
  -webkit-appearance: none;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background:var(--neutral-colors-white);
  color: var(--pro-fond-3);
  font-family: 'Roboto';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  height: min-content;
  margin-top:.65rem;
  border: 0;
  align-items: center;
  outline:none;
  box-shadow: none;
  border:1px solid transparent;
}

.btn_type_formation:hover,
.btn_type_formation:focus,
.btn_type_formation.active {
  background: var(--pro-fond-3);
  color: var(--neutral-colors-white);
    border:1px solid transparent;
}
/*
.page-template-page-moteuragendaformations .btn_type_formation {
  border: 1px solid var(--pro-fond-3);
}
*/
.btn_cible_formation,
.btn_thematique_formation {
  -webkit-appearance: none;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background:var(--neutral-colors-white);
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  height: min-content;

  margin-top:.75rem;
  border: 0;
  align-items: center;
  outline:none;
  box-shadow: none;
    border:1px solid transparent;
}
.btn_cible_formation:hover,
.btn_cible_formation:focus,
.btn_cible_formation.active,
.btn_thematique_formation:hover,
.btn_thematique_formation:focus,
.btn_thematique_formation.active {
  background: var(--pro-fond-2);
  color: var(--neutral-colors-white);
}
/*
.page-template-page-moteuragendaformations .btn_thematique_formation {
  border: 1px solid var(--pro-fond-2);
}
*/
.btn_thematique_formation.no_result,
.btn_thematique_formation.no_result:hover,
.btn_thematique_formation.no_result:focus {
  opacity: 0.2;
  cursor:default;
    background:var(--neutral-colors-white);
  color: var(--pro-fond-2);
}
.btn_thematique_formation.no_result:focus {
  opacity: 0.2;
  cursor:default;
  background:var(--neutral-colors-white);
  color: var(--pro-fond-2);
  border:1px solid var(--pro-fond-2);
}

.btn_departement_formation {
  -webkit-appearance: none;
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background:var(--neutral-colors-white);
  color: var(--pro-fonc-texte-footer);
  border: 1px solid var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  height: min-content;
  margin-top:.65rem;
  align-items: center;
  outline:none;
  box-shadow: none;
}

.btn_departement_formation:hover,
.btn_departement_formation:focus,
.btn_departement_formation.active {
  background: var(--pro-fonc-texte-footer);
  color: var(--neutral-colors-white);
}


.btn_departement_formation.active:hover,
.btn_departement_formation.active:focus {
  background:var(--neutral-colors-white);
  color: var(--pro-fonc-texte-footer);
}

/* Single Formations & Métiers */

/* Calage bouton retour sur les single !!*/
.page-template-page-form-rappeler #subheader .site-main,
.page-template-page-form-inscription #subheader .site-main,
.single-formations #subheader .site-main,
.single-metiers #subheader .site-main {
  min-height: 3em;
}
.page-template-page-form-rappeler .btn_return_body,
.page-template-page-form-inscription .btn_return_body,
.single-formations .btn_return_body,
.single-metiers .btn_return_body {
  bottom: -1.5em;
  position: absolute;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .bg_flower_single_formation{
    display:none;
  }
}
@media (min-width: 768px) {

  .bg_flower_single_formation{
    position: absolute;
    right: 0;
    top: -4.8em;
    z-index: auto;
  }
}

.single-formations #masthead,
.single-formations #menu,
.single-formations #subheader{
  background: var(--pro-fond-4);
}
.single-metiers #masthead,
.single-metiers #menu,
.single-metiers #subheader{
  background: var(--formation-fond-5);
}

.sstitre-metier {
  font-weight:300 !important;
  color:var(--pro-fonc-texte-footer);
  letter-spacing: 1px;
}

.single-formations h5,
.single-metiers h5 {
  font-size: 1.22rem !important;
  margin-bottom: .35em;
}
.single-formations #primary h5,
.single-metiers #primary h5 {
  margin-top:.35em;
}

.single-formations h5 {
    color:var(--pro-fond-3);
}
.single-metiers h5 {
    color:var(--formation-fond-3);
}

.single-formations .bloc_fond3 p,
.single-metiers .bloc_fond2 p{
  font-size:1.05em;
}
.single-formations .btn_fond1,
.single-metiers .btn_fond1{
  width:100% !important;
  min-width: inherit;
}
.single-formations .bloc_fond3 h4,
.single-metiers .bloc_fond2 h4{
  font-size:1.5em !important;
}

.info_importante,
.bloc_fond2,
.bloc_fond4,
.bloc_fond5 {
  font-family: 'Roboto';
  color: var(--Noir);
  border-radius: 1.25rem;
  padding: 1.25rem 1.5rem .5rem 1.5rem;
}
.info_importante{
  background: var(--emploi-fond5);
}
.bloc_fond2 {
  background: var(--pro-fond-2);
}
.bloc_fond4 {
  background: #E5FEE7;
}
.bloc_fond5 {
  background: var(--formation-fond-5);
}
.info_importante p,
.bloc_fond2 p,
.bloc_fond4 p,
.bloc_fond5 p{
  font-size: 1.07rem !important;
}
.bloc_fond2 p{
  color:var(--neutral-colors-white);
}
.info_importante h5,
.bloc_fond2 h5,
.bloc_fobloc_fond4nd2 h5,
.bloc_fond5 h5{
  font-size: 1.25rem;
  margin-bottom: .25em;
}
.info_importante h5 {
  color: var(--emploi-fond3);
}
.bloc_fond2 h5{
  color: var(--pro-fond-1);
}
.bloc_fond4 h5{
  color: #277719;
}
.page-template-page-moteuragendaformations .info_importante h5,
.page-template-page-moteuragendaevenements .info_importante h5{
  font-size: 1.2rem ;
}

@media (min-width: 968px) {
  .info_importante,
  .bloc_fond2 {
    padding: 1.25rem 1.5rem .5rem 1.5rem;
  }
}

.debut_form {
  font-family: 'Roboto';
  color: var(--Noir);
  font-size:1rem;
}

.debut_form::before{
  width:11px;
  height:11px;
  border-radius:50%;
  content:" ";
  display:inline-block;
  margin-right: 8px;
  line-height: 1;
  margin-bottom: -1px;
}

.event_pill::before{
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  content:" ";
  display:inline-block;
 margin-right: .75em;
  line-height: 1;
  margin-bottom: -1px;
}

.agenda_form::before{
  background-color: #0A77B6;
}

.infos_form::before {
  background-color: #81DFA1;
}

.info_collectives_pill::before {
  background-color: #B8F385;
}
.orientation_form::before,
.orientation_pill::before {
    background-color: #0A77B6;
}
.renforcement_form::before,
.renforcement_pill::before {
    background-color: #FF8660;
}
.atelier_form::before,
.atelier_pill::before {
    background-color: #ff8dcb;
}

.groupeevent {
  border-radius:.25rem;
  padding: 1rem 1.25rem;
  color:var(--Noir);
}

.groupeevent.info_collectives {
  background: #E5FEE7;
}
.groupeevent.orientation {
  background: #CBF0F8;
}
.groupeevent.renforcement {
  background: #FEE8D3;
}
.groupeevent.atelier {
  background: #ffedf7;
}

.detailsevent {
  background-color:#ffffff;
  border-radius:.5rem;
}

.groupeevent .lignevent[aria-expanded=true] .btn-event{
  margin-left: auto;
  content:" ";
  width:69px;
  height:46px;
  background:url('../../images/btn_event_opened.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 65px 44px;
}

.groupeevent .lignevent[aria-expanded=false] .btn-event {
  margin-left: auto;
  content:" ";
  width:69px;
  height:46px;
  background:url('../../images/btn_event_closed.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 65px 44px;
}



/* Beaver builder */
/* Home images */
.col_img_fh .fl-col-content,
.col_img_fh .fl-module-photo,
.col_img_fh .fl-module-content,
.col_img_fh .fl-photo,
.col_img_fh .fl-photo-content {
  height:100%;
}

.col_img_fh .fl-photo-img {
  height: 100%;
  object-fit: cover;
}

.blocbb_fond3 .fl-col-content,
.bloc_fond3{
  border-radius: 1.25rem;
  background: var(--pro-fond-3);
  padding: 1.25rem 1.5rem .5rem 1.5rem;
}

.blocbb_fondwhite .fl-col-content {
  border-radius: 1.25rem;
  background: white;
  padding: 1.25rem 1.5rem .5rem 1.5rem;
  text-align:center;
}

#content .fl-builder-content .btnfl-black a.fl-button,
#content .fl-builder-content .btnfl-black a.fl-button:visited {
  padding: 0.875rem 1.875rem;
  align-items: center;
  -webkit-appearance: none;

  color: var(--Blanc);
  border-radius: 5rem;
  background: var(--pro-fonc-texte-footer);
 

  border:1px solid transparent;

  font-family: 'Roboto';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;

  text-decoration: none;
}

#content .fl-builder-content .btnfl-black a.fl-button span, 
#content .fl-builder-content .btnfl-black a.fl-button:visited span {
  color:var(--Blanc) !important;
}

#content .fl-builder-content .btnfl-black a.fl-button:hover,
#content .fl-builder-content .btnfl-black a.fl-button:focus{
  border: 1px solid var(--Blanc);
  background-color: var(--Blanc);
  color:var(--pro-fonc-texte-footer);
  text-decoration:none;
  outline:none;
}
#content .fl-builder-content .btnfl-black a.fl-button:hover span,
#content .fl-builder-content .btnfl-black a.fl-button:focus span {
  color:var(--pro-fonc-texte-footer) !important;
  outline:none;
}


/* Faq */
.page-template-page-faq h4{
   color: var(--pro-fonc-texte-footer);
}
#content .btn_faq_thematique.collapsed {
  border: 1px solid var(--formation-fond-5);
   background:var(--formation-fond-5);
   color: var(--pro-fonc-texte-footer);
}
#content .btn_faq_thematique:hover,
#content .btn_faq_thematique:focus {
  border: 1px solid var(--pro-fond-2);
  background: var(--pro-fond-2);
  color: var(--neutral-colors-white);
  outline:none;
}

.questionfaq {
     color: var(--pro-fonc-texte-footer);
}

/* Formulaire demande info */
.page-template-page-form-inscription h1 {
  font-weight:300;
  color:var(--pro-fonc-texte-footer);
    letter-spacing: 1px;
}
.page-template-page-form-inscription h2 {
  font-weight:900;
  color:var(--pro-fonc-texte-footer);
}
#form_demande_info,
#bloc_demande_info {
  border:1px solid var(--formation-fond-1);
  border-radius:.75rem;

}

#form_demande_info h5,
#bloc_demande_info h5 {
  color: var(--formation-fond-3);
  font-family: 'Roboto';
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.375rem; /* 122.222% */
  text-transform: none;
}
#form_demande_info p,
#bloc_demande_info p {
  color: var(--pro-fonc-texte-footer);
  font-size: 1.11rem;
}
#form_demande_info .form-check-label,
#form_rappeler .form-check-label {
  padding-top: 2px;
}
#bloc_entete_demande_info p{
  color: var(--formation-fond-3);
  font-size: 1.11rem;
}

/* Métiers */
.page-template-page-metiers #masthead,
.page-template-page-metiers #menu,
.page-template-page-metiers #subheader {
  background: var(--formation-fond-5);
}

.page-template-page-metiers .list-metiers {
  border: 1px solid var(--formation-fond-2);
  border-radius: .25rem;
}
.page-template-page-metiers .list-metiers p{
  color:var(--Noir);
  font-family: 'Roboto';
  font-size: 1.07rem;
}
.page-template-page-metiers .list-metiers h4{
 font-size: 1.4rem;
 color:var(--formation-fond-3);
}

.btn_white_flc {
  border-radius: 5rem;
  border: 1px solid transparent;
  background:var(--neutral-colors-white);
  padding: 0.8rem 1.6rem 0.8rem 1.6rem;
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
    align-items: center;
  display: flex;
  justify-content: center;
}

.btn_white_flc:hover,
.btn_white_flc:focus {
  color:var(--Blanc);
  background: var(--pro-fonc-texte-footer);
  text-decoration:none;
  outline:none;
}

.btn_white_flc.bord {
  border: 1px solid var(--formation-fond-2);
}

.btn_white_flc.bord:hover,
.btn_white_flc.bord:focus {
  color:var(--Blanc);
  background: var(--formation-fond-2);
  text-decoration:none;
  outline:none;
}

.icon_flcwhite_right { 
  margin-left: .45em;
  display:inline-block;
  width:16px;
  height:16px;
  background: url('../../images/icon-flc-right-bk.svg');
 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.btn_white_flc:hover .icon_flcwhite_right,
.btn_white_flc:focus .icon_flcwhite_right{
  color: var(--pro-fonc-texte-footer);
   background:url('../../images/icon-flc-right.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  text-decoration:none;
}

.icon_arrow { 
  margin-left: .45em;
  display:inline-block;
  width:16px;
  height:16px;
  background: url('../../images/icon_arrow.svg');
 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.btn_white_flc:hover .icon_arrow,
.btn_white_flc:focus .icon_arrow{
  color: var(--pro-fonc-texte-footer);
   background:url('../../images/icon_arrow_white.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  text-decoration:none;
}

.icon_arrow_up { 
  margin-left: .45em;
  display:inline-block;
  width:16px;
  height:16px;
  background: url('../../images/icon_arrow_up.svg');
 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.btn_white_flc:hover .icon_arrow_up,
.btn_white_flc:focus .icon_arrow_up{
  color: var(--pro-fonc-texte-footer);
   background:url('../../images/icon_arrow_up_white.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  text-decoration:none;
}

#sujet_demandeinfo {
  height:auto;
  min-height: calc(2em + 1rem + 3px);
  line-height:1.4;
}

.icon-checked{

   background:url('../../images/icon_checked.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  text-decoration:none;
  margin-left:auto;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: .5rem;

}


/* Page contact */
.page-template-page-contact-formation #masthead,
.page-template-page-contact-formation #menu,
.page-template-page-contact-formation #content {
  background: var(--formation-fond-4);
}

#list-thematique-faq .theme-faq {
  border:1px solid var(--formation-fond-2);
}

.bloc_metiers {
  font-family: 'Roboto';
  color: var(--Noir);
  border-radius: .75rem;
  padding: 1.25rem 1.5rem .5rem 1.5rem;
    background: var(--formation-fond-5);
}

.bloc_metiers p{
  font-size: 1.07rem !important;
}

.bloc_metiers h5{
  font-size: 1.25rem;
  margin-bottom: .75em;
  color:var(--pro-fonc-texte-footer);
}
.bg_formationfond5 {
  background-color:var(--formation-fond-5);
}

.select2-container {
border: 1px solid var(--formation-fond-2);
border-radius: 5rem;

  background: var(--neutral-colors-white);
  padding: .45rem;
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-top: 6px;
  right: 10px;
}
.select2-container--open .select2-dropdown--below {
  top: -12px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
}

.select2-container--open .select2-dropdown--below {

  border-radius: .75rem !important;;
  border: 1px solid var(--formation-fond-4) !important;;
  padding: .5rem !important;;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--formation-fond-2) !important;
  color: white;
}

/* Home */

footer .wpcf7-list-item {
  margin:0;
}
footer .wpcf7-list-item-label {
  color:white;
  font-size: 1rem;
}

footer .wpcf7 .wpcf7-form-control-wrap {
  width:auto;
}
@media (max-width: 1099px) {
  footer .form-control{
    width: 225px !important;
    margin-right: 1.5rem;
  }
}
@media (min-width: 1099px) {
  footer .form-control{
    width: 15vw !important;
    margin-right: 1.5rem;
  }
}
footer  .wpcf7-spinner {
margin: 0 0 0 5px;
}
footer  .wpcf7 form.failed .wpcf7-response-output, 
footer .wpcf7 form.aborted .wpcf7-response-output {
  border: 2px solid #dc3232;
  border-color: #dc3232;
     color: #dc3232;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 1rem !important;
  border-radius: 3rem;
  background-color: rgba(255,255,255,0.9) !important;
  padding: .35em 1em;
}
footer .wpcf7 form.sent .wpcf7-response-output
{
  border-color: #46b450;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 1rem !important;
  border-radius: 3rem;
  background-color: rgba(255,255,255,0.4) !important;;
  padding: .35em 1em;
  margin-top: 0;
}

.btn_fond1_white {
  border-radius: 5rem;
  border: 1px solid transparent;
  background: var(--pro-fond-1);
    padding: 0.77rem 1.6rem;
  color: var(--pro-fonc-texte-footer);
  font-family: 'Roboto';
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
    align-items: center;
  display: inline-flex;
  text-decoration:none !important;
    min-width:min-content;
  justify-content: center;
}

.btn_fond1_white:hover,
.btn_fond1_white:focus {
   background: var(--neutral-colors-white);
   color:var(--pro-fonc-texte-footer);
   outline:none;
}

.btn_home {
  border-radius: 5rem;
  border: 1px solid transparent;
  padding: 0.7rem 1.25rem;
  align-items: center;
  display: block;

  background-color:white;
  color: var(--formation-fond-2);
  font-family: 'Roboto';
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 700;

  margin: 2rem auto 0 auto;
  line-height: 1.5;

  text-align: center;
  width: 100%;
}
.btn_home:hover,
.btn_home:focus {
  border: 1px solid var(--formation-fond-2);
  background-color: var(--formation-fond-2);
  color:white;
  text-decoration:none;
  outline:none;
}