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

.simulator-breadcrumb {
display: none;
}

.step-page .fieldset-container legend {
color: #44317c;
}  
  
/* Mise en page des champs de questions */
.form-horizontal  {
    text-align : left !important;
  padding-left: 20px;
  color:  #44317c;
}

.control-label {
    text-align : left !important;
  padding-left: 20px;
  color:  #44317c;
}


.simulator-breadcrumb {
    display: none;
}

/* Mise en page de l'intro */
.Intro {
    color: #44317c;
    font-size: 1em !important;
}

.Intro ul li,
.section-content ul li {
    list-style-type: '☉' !important;
    margin-left: 2em;
    padding-left: 1em;
    padding-top: 10px;
}

.article ul li:before {
    content: none;
}

.field-container {
    padding-left: 20px; 
}   

.step-page .form-group .input-group{
    display: flex !important;
    /*padding-left: 10px;*/
}

.Choice .input-group{
    display: flex !important;
    padding-left: 50px !important;
}


.step-page input[type="number"] {
    max-width: 100%;
    border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
   
}

.step-page input[type="text"] {
    width: 60%;
    max-width: 100%;
    border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}

.step-page div.input-group input[type="money"] {
    width: 60%;
    max-width: 100%;
    border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}

.step-page input[type="date"], input.date {
    max-width: 20%;
    border-bottom: 3px solid #44317c;
    border-radius: 0;
    background-color: #e4e0e0;
}



.step-page .blockinfo-chapters {
    border:none;
}

.form-horizontal .control-label {
    text-align : left
}

.step-page label {
    float:none;
}

/* Ecartement de la bulle d'aide 
#TypeCaution, #DureeEngagement,
#DatePeriodeReferenceIRL {
    padding-bottom: 10px;
}
*/
/*Aide*/ 
#help-TypeCaution, #help-DureeEngagement,
#help-DatePeriodeReferenceIRL {
    color:#44317c;
    font-size: 0.8em;
    background: #DBDBEE;
    border-left : 5px solid #44317c;
    padding :4px 6px 1px 10px;
    margin-top: 5px;
} 

h2 {
    color:#44317c;
    font-family:'marianne_bold';
    font-size: 1em;
}

/* Mise en page des titres des parties */
.step-page .fieldset-container legend, h3 {
    background-color: #44317c;
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 0.9em;
    font-family: marianne_light;
    width:60%;
}

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

/* Mise en âge des notes */
.post-note, .step-page .post-note {
    color:#44317c;
    font-size: 0.9em !important;
/*  background: #DBDBEE;*/
    border-left : 5px solid #44317c;
    width: 60%;
    padding :4px 6px 1px 10px;
    margin-top: 5px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-style: italic;
}

/* Couleur du bouton d'aide */
.btn-help {
    color: #44317c;
}

/* 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);   
}

/* 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: 0.9em;
    font-family: marianne_light;
}

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

/* Mise en page du bloc info pour relecture*/
div#ModelLettre-panel-1-blockinfo-6-chapter-1-section-1-content {
    background-color: #D9D5E4;
    color:  #44317c;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

/* Suppression des cadres */
.step-page .blockinfo-chapters {
    border:none;
}

/* Eléments de la lettre */ 
    .Titre { font-size :1.2em; font-family: "marianne_bold"; color: rgb(68,49,124); text-align: center; padding-top: 10px;}
    .Paragraphe {padding: 1%; text-indent:2%;}
    .Contenu {color: rgb(68,49,124);font-weight: bold; font-size:1.1em;}
    .Sign {margin-top: 20px;}


.step-page .fieldset-container legend {
width: 100%;
background-color: #44317c !important;
color: #D9D5E4;
padding: 10px;
border-radius: 0;
font-size: 1.2em;
font-family: marianne_light;
margin-left: 15px;
}

.mention-asterisk {
    display: none;
}

#CPCaution{
    width: 10em;
}

#CPLocation{
    width: 10em;
}

#CPBailleur{
    width: 10em;
}

#MontantLoyerChiffres-money-symbol {
    display: none;
}

#MontantEngagementChiffres-money-symbol {
    display: none;
}

 #EnfantDateNaissance .datepicker-button {
    display: none;
}

/* 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
}

#help-DureeEngagement{
    color:#44317c;
    font-size: 0.9em !important;
    background: none;
    border: none;
    border-left : 5px solid #44317c;
    width: 80%;
    padding :4px 6px 1px 10px;
    margin-top: 5px;
    padding-left: 10px;
    /*margin-bottom: 20px;*/
    border-radius: none;
}

#help-TypeCaution {
    color:#44317c;
    font-size: 0.9em !important;
    background: none;
    border: none;
    border-left : 5px solid #44317c;
    width: 80%;
    padding :4px 6px 1px 10px;
    margin-top: 5px;
    padding-left: 10px;
    /*margin-bottom: 20px;*/
    border-radius: none;
}

h2 {
    margin-top: 20px;
}

/*.control-label, .choice{
    color: #3a3a3a !important;
#MontantLoyerLettres-label {
    width: 60%;
}
}*/


/* Icones des boutons d'aide, datepicker et autres*/
.step-page a.datepicker-button.blue { color: #44317c;}

.step-page .form-group[data-type=date] a.datepicker-button:hover span {
    background-color: #44317c;
    color: #fff;
    border-radius: 4px;
}

.btn-help {   color: #44317c; }
.step-page .input-group ~ .btn-help { margin: 0 !important; }
.btn-help:focus, .btn-help:hover { color: #44317c; }

.step-page .form-group[data-type=choice] a.listbox-button,
.step-page .form-group[data-type=department] a.listbox-button,
.step-page .form-group[data-type=month] a.listbox-button,
.step-page .form-group[data-type=year] a.listbox-button {
    background-color: #fff;
    color: #44317c;
}

.step-page .form-group[data-type=choice] .input-group:hover a.listbox-button span,
.step-page .form-group[data-type=department] .input-group:hover a.listbox-button span,
.step-page .form-group[data-type=month]:hover a.listbox-button span,
.step-page .form-group[data-type=year]:hover a.listbox-button span {
    background-color: #44317c;
    color: #fff;
}

.step-page .form-group[data-type=date] a.datepicker-button:hover span {
    background-color: #44317c;
    color: #fff;
}



/*.step-page .field-container .listbox ~ .btn-help {
    margin: -2.5em 0.5em 0;
}
.step-page .input-group ~ .btn-help {
    padding: 0;
}
.step-page .form-group[data-expanded=true]:not(.underlabel) .input-group ~ .btn-help {
    margin-top: -1.5em;
}*/



.datepicker-button {
    display: none;
}