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

.simulator-breadcrumb {
	display: none;
}

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

.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;

}

.step-page input {
	display: flex !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"] {
    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
}

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

/* 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 du bloc info pour relecture*/
#ModelLettre-panel-1-blockinfo-5-chapter-1-section-1-content {
	background-color: #D9D5E4;
	color:  #44317c;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 10px;
}

/* Suppresion du symbole € */
.step-page .input-group + span.money-symbol {
	display: none;
  }

/* 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;
    font-size: 1.4em;
	text-align: center;
	font-variant: small-caps;
}

/* Eléments de la page */ 
	.Titre {margin-left:50%; text-align:center; padding: 5px; border-radius:5px; border: 1px solid black;}
	h3 { font-size: 1.2em; margin-top:0; font-family: "marianne_bold"; color:black; }
	h4 { font-size: 1.1em; font-family: "marianne_bold"; padding: 2px 0 2px 30px; }
	h5 { font-size: 1.1em; font-family: "marianne_bold"; padding-left: 20px; }
	.Contenu {color: rgb(68,49,124);font-weight: bold;font-size:1.1em;}
	.boite {border: 1px solid black; border-radius:5px; padding: 5px ; }
	.boite1 {border : 1px solid black; border-radius: 4px 4px 0 0; padding: 5px ; }
	.boite2 {border : 1px solid black; border-top: none; border-radius: 0 0 4px 4px; padding: 5px ; }
	.entrefilet {padding: 10px 0 10px 30px;  font-family: "marianne_bold"; font-size: 1.1em; }
	.pres1 { display:grid; grid-template-columns: 25% 75%; grid-template-rows: 20% auto 20%; }
	.pres2 { display:grid; grid-template-columns:  25% 75%; grid-template-rows: auto; }
	.question1 {grid-column: 1; grid-row: 1; padding-left: 10px;}
	.question2 {grid-column: 1; grid-row: 2; padding-left: 10px;}
	.question3 {grid-column: 1; grid-row: 3; padding-left: 10px;}
	.question4 {grid-column: 1; grid-row: 4; padding-left: 10px;}
	.question5 {grid-column: 1; grid-row: 5; padding-left: 10px;}
	.question6 {grid-column: 1; grid-row: 6; padding-left: 10px;}
	.question7 {grid-column: 1; grid-row: 7; padding-left: 10px;}
	.reponse1 {grid-column: 2; grid-row:1;}
	.reponse2 {grid-column: 2; grid-row:2;}
	.reponse3 {grid-column: 2; grid-row:3;}
	.reponse4 {grid-column: 2; grid-row:4;}
	.reponse5 {grid-column: 2; grid-row:5;}
	.reponse6 {grid-column: 2; grid-row:6;}
	.reponse7 {grid-column: 2; grid-row:7;}
	.Nom { font-size: 1.2em; font-family: "marianne_bold"; }
	.Sign {margin-top: 20px;}