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

/* Masque le bandeau du haut */
.simulator-breadcrumb {
	display: none;
}

/* Mise en page de l'intro */
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;
	font-family: marianne_light;
}



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

#ExpediteurCivilite {
	display: flex;
	flex-direction: column;
	color:  #44317c;
}

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


.Info {
	padding: 15px 20px;
}

/* 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);
	padding: 20px;
}

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

.Citation {
	font-style: italic;
}

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