.contenu-fixe {
    font-size: 0.95rem;
  }

  #division-generale h1,
  #division-generale h2,
  #division-generale h3,
  h4.conseil,
  legend,
  .diagrammePointe,
  .explication strong,
  .bouton-accroche,
  .accompagnement.succes span,
  .accompagnement.erreur span {
    font-family: 'Poppins', 'arial', sans-serif;
    font-weight: 800;
  }

  #division-generale h2 {
    background-color: #298456;
    font-size: 1.7em;
  }

  #division-generale h2.vert {
    color: #298456;
    background-color: white;
  }

  h2 a:link {
    display: block;
    color: white !important;
    padding: 0.4em 0.8em;
    text-decoration: none;
  }

  h2 a svg {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    fill: white;
    vertical-align: text-bottom;
  }

  button svg,
  a svg {
    height: 1em;
    width: 1em;
    margin: 0 .3em;
    vertical-align: text-bottom;
  }

.contenu-principale .breadcrumb {
    background-color: transparent;
    padding: 0.5em 0 0;
}
  .btn {
    fill: white;
    font-weight: bold;
  }

  .bouton-accroche {
    text-align: center;
    color: white !important;
    fill: white;
    background-color: #298456;
    font-size: 1.5em;
    width: 100%;
    border-radius: 12px;
    margin: .8em 0;
    border: none;
    display: block;
    text-decoration: none !important;
  }
  .bouton-accroche svg {
    vertical-align: middle;
  }

  .bouton-accroche.gros {
    font-size: 2.5em;
  }

  .bouton-accroche.bleu {
    background-color: #1f47aa;
  }

  .bouton-accroche:hover {
    background-color: #23314c;
  }

  .btn[value="Oui"] {
    border: 2px solid pink;
  }

  .btn.jaune,
  .btn.jaune.active {
    background-color: #efcb35;
    border-color: #efcb35;
    color: black;
    border-radius: 0.25rem !important;
  }

  .btn.gris,
  .btn.gris.active {
    background-color: #eaeaea;
    border-color: #eaeaea;
    color: black;
    border-radius: 0.25rem !important;
  }

  .btn.vert,
  .btn.vert.active {
    background-color: #298456;
    border-color: #298456;
    border-radius: 0.25rem !important;
    color: white;
    fill: white;
  }

  .btn-ouinon {
    border-width: 2px;
  }

  .btn-ouinon:hover {
    border-color: white;
  }

  .btn-ouinon.nonChoisi {
    border-color: white;
    color: white;
    background-color: transparent;
  }

  .action-button.vert:hover {
    background-color: #23314c;
    border-color: #23314c;
    fill: #efcb35;
  }

  .action-button.vert:disabled {
    background-color: #298456;
    border-color: #298456;
    fill: white;
  }

  #division-generale h3 {
    font-size: 1.4em;
  }

  #division-generale h3.jaune {
    color: #efcb35;
  }

  #division-generale h3.bleu {
    color: #1f47aa;
    min-height: 5em;
  }

   #division-generale .blocmessage h3 {
    font-size: 2em;
  }

  #division-generale h3.question {
    font-size: 1.5em;
	  color:#fff;
  }

  p {
    margin-top: 0;
  }

  .filet {
    border: 1px solid #ddd;
    border-radius: 12px;
  }


  .row.jaune {
    background-color: #efcb35;
  }

  .row.gris {
    background-color: #eaeaea;
  }

  .row.bleu {
    background-color: #1f47aa;
    color: white;
  }

  .row.gros {
	font-size: 1.5em;
	color: #072863;
  }

  @media (min-width: 576px) {
    .row.gutterEgalMarge>:first-child {
      padding-left: 30px;
    }

    .row.gutterEgalMarge>:last-child {
      padding-right: 30px;
    }
  }



  @media (max-width: 575px) {

    #division-generale h1,
    #division-generale h2,
    #division-generale h3,
    .bouton-accroche.gros {
      font-size: 1.5em;
    }
  }

  img.memologo {
    margin: 10px 0 30px 0;
  }

  .diagrammePointe {
    margin: 1em auto;
    background: #eaeaea;
    border-radius: 50%;
    display: inline;
    max-width: 250px;
  }

  .diagrammePointe circle {
    fill: #CEEFF7;
    stroke: #1f47aa;
    stroke-width: 50;
    stroke-dasharray: 0 158;
    transition: stroke-dasharray 1s ease;
  }

  .diagrammePointe circle.trou {
    fill: white;
  }

  #barreProgres {
    padding: 0 0.5em;
    background-color: #298456;
    min-width: 4em;
  }

  div.card {
    width: 100%;
  }

  .card h3 {
    margin-top: 0;
    font-size: 1.2rem;
  }

  .progress {
    height: 2em;
    font-weight: bold;
  }


  #formulaire-etape fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
  }

  #formulaire-etape fieldset:not(:first-of-type) {
    display: none;
  }

  #formulaire-etape fieldset .form-card {
    text-align: left;
    color: #2C3E50;
  }

  #formulaire-etape .ouinon {
    width: 100%;
  }


  #formulaire-etape .invalid-feedback {
    display: block;
    visibility: hidden;
  }

  #formulaire-etape .explication,
  #formulaire-etape .conseil {
    display: none;
  }

  #formulaire-etape .explication p:last-child {
    margin-bottom: 0;
  }

  #formulaire-etape .explication strong {
    display: block;
    font-size: 1.5em;
    color: #1f47aa;
  }

  #formulaire-etape .conseil h4 {
    color: #298456;
    border-bottom: 6px solid #efcb35;
    display: inline;
    padding-bottom: 4px;
  }


  #formulaire-etape .action-button {
    float: right;
    width: 220px;
    margin: 2em 1em;
    font-weight: bold;
  }

  @media (max-width: 676px) {
    #formulaire-etape .action-button {
      width: 130px;
    }
  }

  #formulaire-etape .action-button svg {
    width: 0.7em;
    height: 0.7em;
    vertical-align: baseline;
  }


  #objectifs {
    list-style: none;
    padding-left: 0;
  }

  #objectifs ul {
    list-style: none;
    background-color: white;
    padding-left: 1em;
    padding-top: 0.8em;
  }

  #objectifs h3 {
    padding: .3em 0 0 1em;
	  color:#fff;
  }

  #objectifs>li {
    background-color: #23314c;
    color: white;
    margin-top: 0.5em;
  }

  #objectifs ul li {
    color: black;
  }

  #mesQuestions .entete {
    text-transform: uppercase;
  }

  #mesQuestions div.bon em {
    color: green;
    font-style: normal;
    font-weight: bold;
  }

  #mesQuestions div.mauvais em {
    color: red;
    font-style: normal;
    font-weight: bold;
  }

  #mesQuestions h3 {
    font-size: 1.2em;
  }

   .accompagnement label.requis::after {
    content: "*";
	color: red;
	padding-left: .2em;
  }

  .accompagnement.succes,
  .accompagnement.erreur {
    display: none;
  }

  .accompagnement.succes span {
    background-color: #298456;
    font-size: 1.7em;
    padding: .2em 1em;
    margin-left: -10px;
    color: white;
    display: inline-block;
  }

  .accompagnement.erreur span {
    background-color: #efcb35;
    font-size: 1.7em;
    padding: .2em 1em;
    color: black;
  }

  @media (max-width: 991px) {

    .accompagnement.succes p,
    .accompagnement.erreur p {
      text-align: center;
    }

    .accompagnement.succes p span,
    .accompagnement.erreur p span {
      margin: 0.5em 0 0 0;
      text-align: left;
    }
  }