@import "common-Lettre.css?version=dev-develop";

.simulator-breadcrumb {
  display: none;
}

div#Intro {
	color: #44317c;
	font-size: 1.1em;
}

/* Mise en page des titres des parties */
.step-page .fieldset-container legend {
    /*
    background-color: #44317c;*/
    color: white;
    padding: 10px;
    border-radius: 5px 5px 0 5px;
    font-size: 1.2em;
  border:  0.5px 0.5px 0.5px 0.5px solid #44317c;
}

/* Mise en page des champs de questions */
.form-horizontal .control-label {
    text-align : left;
  padding-left: 20px;
  color:  #44317c;
}

 /* Mise en page des réponses */
#BanqueConseillerCivilite, #TypeDeCompte {
  display: flex;
  flex-direction: column;
}

/* Mise en page du bloc réponse CP */
.step-page input[type=number] {
    max-width: 15em;
}

/* Mise en page du bloc Faits*/
#Faits {
  block-size: 100%;
  min-width: 35em;
}

/* Mise en page du bloc d'aide */
.help-panel {
    background: #ded7f4;
    color: #44317c;
    border-radius: 5px;
  border: 1px solid #44317c ;
}  

/* Mise en page des éléments de la lettre */
#Global {
  font-size:1.1em;
  padding-left: 10px;
}

.Contenu {
  color: rgb(68,49,124);
  font-weight: bold;
  font-size:1.1em;
}

/* Mise en page du bloc Aperçu */
#ModelLettre-panel-1-blockinfo-6-chapter-1-section-1-content {
  background-color: #44317c;
    color: white;
    padding: 10px;
    border-radius: 5px 5px 0 5px;
    font-size: 1.4em;
  text-align: center;
  font-variant: small-caps;
}

/* Mise en page du bloc de la lettre*/
.step-page .section-content {
  border-radius: 10px;
  background-color: #f1eef8;
  border: 1px solid rgb(68,49,124);
} 

/* Mise en page du bloc de la lettre */
.section-body-container {
  border-radius: 10px;
}

/* Pas de bordure autour de la lettre */
.step-page .blockinfo-chapters {
  border: none;
}

/* Mise en page du bouton */
.btn {
   background-color: #f1eef8;
   border: 1px solid #44317c;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

.btn.btn-primary {
   background-color: #44317c;
   color: whitesmoke;
   border: 1px solid #f1eef8;
   border-radius: 10px;
   transition-property: transform;
  transition-duration: 400ms; 
}

/* Mise en page du bouton au survol*/
.btn:hover {
  background: #362763;
  color: white;
  transform:scale(1.1); 
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin:0;
}
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
-o-appearance: none;
margin:0
}

.pre-note {
   position: relative;
  clear: both;
  font-size: 1em !important;
  color: #44317c;
  padding: 15px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.4em;
  text-align: left;
  border: 1px solid rgb(68,49,124);
  border-radius: 10px;
}



/*.step-page .pre-note {
  position: relative;
  clear: both;
  margin: 0;
  padding-top: 0;
  font-size: 1em !important;
}  */

.bloc {

  color: #44317c;
  margin: 30px  !important;
  padding: 20px !important;
  font-size: 1.4em;
  text-align: left;
  border: 1px solid rgb(68,49,124);
  border-radius: 10px;
}



#p1-panel-1-blockinfo-5-chapter-1-section-1-content {
   background-color: white;
   border: 0px;
}