/* Coller au début de la CSS */
@import "common.css?version=dev-develop";
@font-face { font-family: 'marianne_light'; src: url("../static/webfonts/marianne-Light.eot"); src: url("../static/fonts/marianne-Light.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Light.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Light-webfont.ttf?version=dev-develop") format("truetype"), url("../static/fonts/marianne-Light-webfont.svg#marianne_light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'marianne_regular'; src: url("../static/webfonts/marianne-Regular.eot"); src: url("../static/fonts/marianne-Regular.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Regular.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Regular-webfont.ttf") format("truetype"), url("../static/fonts/marianne-Regular-webfont.svg#marianne_regular") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'marianne_bold'; src: url("../static/webfonts/marianne-Bold.eot"); src: url("../static/fonts/marianne-Bold.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Bold.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Bold-webfont.ttf") format("truetype"), url("../static/fonts/marianne-Bold-webfont.svg#marianne_bold") format("svg"); font-weight: 700; font-style: normal; }

/* Définition des styles du simulateur (partie centrale) */

.container.main-container {
	max-width: 50rem;
	margin: auto;
}

.col-main {
	width: 100%;
	margin:0;
}

.step-container {
	margin: 0;
	padding:0;
}

.step-description {
	margin-bottom: 0;
}

.simulator-breadcrumb {
	display: none;
}

.step-description {
	margin-bottom: 0;
}

#step1 {
	padding-left: 0em;
}

/* H1 */
article > h1 {
	font-family: "marianne_bold" !important;
	text-transform: inherit;
	font-weight: 700;
	font-size: 2.5rem !important;
	line-height: 3rem;
	color: var(--text-title-grey);
	text-align: left;
	padding-left: 0;
	margin-bottom: 3rem;
	border-color: transparent !important;
}

/* Mise en page de l'intro */
.Intro {
	color: #414856;
	font-family: "marianne_regular";
    text-align : left;

}

/* Taille de la case à cocher */
input[type="radio"] {
	width: 3rem !important;
	color: #0606b2;
    padding-left: 0px !important;
}

#ExpPrenom-label,
#ExpNom-label,
#ExpAdresse-label,
#ExpComplementAdresse-label,
#ExpCodePostal-label,
#ExpCommune-label,
#ExpTelephone-label,
#ExpMail-label,
#DestType-label,
#DestPrenom-label,
#DestNom-label,
#DestNomAgence-label,
#DestNomBailleur-label,
#DestAdresse-label,
#DestCodePostal-label,
#DestCommune-label,
#DefuntPrenom-label,
#DefuntNom-label,
#DefuntCivilite-label,
#DefuntAdresse-label,
#DefuntComplementAdresse-label,
#DefuntCodePostal-label,
#DefuntCommune-label,
#DefuntDateDeces-label,
#ExpHeritierOuAyantDroit-label,
#ExpHeritier-label,
#ExpAyantDroit-label,
#ExpAyantDroitChoix-label,
#DateDuJour-label,
#FaitA-label,
#DateRemiseDesCles-label
{
	float: left;
	text-align: left;
	font-family: "marianne_regular";
	font-weight: normal;
	font-size: 1rem;
	color: #161616;
	padding-left: initial;
  padding-top: 15px;
	width: 100% !important;   
	/*grid-row: 1;
	grid-column: 1;*/
}

/* Le sous-titre */
 span.libelle {
	display: block;
	text-align: left;
	font-family: "marianne_light";
	font-weight: 300;
	font-style: normal; 
	font-style: normal;
	color: #5E5E5E;
	font-size: 0.75rem !important;
	padding-bottom: 0.5em;
	/*padding-top: 10px !important;*/
	width: fit-content !important;
}

#ExpCodePostal span.libelle,
#ExpCommune span.libelle,
#ExpTelephone span.libelle,
#ExpMail span.libelle,
#DestCodePostal span.libelle,
#DestCommune span.libelle,
#DefuntCivilité span.libelle,
#DefuntCodePostal span.libelle,
#DefuntCommune span.libelle,
#DefuntDateDeces span.libelle,
#DateDuJour span.libelle,
#FaitA span.libelle,
#ExpComplementAdresse span.libelle,
#DefuntComplementAdresse span.libelle,
#DateRemiseDesCles span.libelle
{
	display: block;
	text-align: left;
	font-family: "marianne_regular";
	font-weight: 400;
	font-style: normal;
	color: #666;
	font-size: 0.75rem !important;
	padding-bottom: 0.5em;
	line-height: 1.25rem;
	margin-bottom: 0;
}

#ExpPrenom,
#ExpNom,
#ExpAdresse,
#ExpComplementAdresse,
#ExpCodePostal,
#ExpCommune,
#ExpTelephone,
#ExpMail,
/*#DestType,*/
#DestPrenom,
#DestNom,
#DestNomAgence,
#DestNomBailleur,
#DestAdresse,
#DestCodePostal,
#DestCommune,
#DefuntPrenom,
#DefuntNom,
/*#DefuntCivilite,*/
#DefuntAdresse,
#DefuntComplementAdresse,
#DefuntCodePostal,
#DefuntCommune,
#DefuntDateDeces,
/*#ExpHeritierOuAyantDroit,*/
/*#ExpHeritier,*/
/*#ExpAyantDroit,*/
/*#ExpAyantDroitChoix,*/
#DateDuJour,
#FaitA,
#DateRemiseDesCles {
	display: block;
    width: 100%;
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    color: var(--text-label-grey);
    background-color: var(--background-contrast-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
	 }

   

.choice {
  text-align: left;
  font-family: "marianne_regular";
  font-weight: normal;
  font-size: 1rem !important;
  color: #3a3a3a !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.input-group {
  width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
}





/* Input => modifier le type selon */
.step-page input[type="text"] {
	  padding-left: 2em;
	  padding-right: 5em;
	  /*font-variant: all-small-caps;*/
	  border-bottom: 1px solid #2a313e;
	  background-color: #f0f0f0 !important;
	  color: #414856;
	  font-family: "marianne_light";
	  border-radius: 5px 5px 0 0 !important;
}
  
  /* Suppression de la div mention asterik */
div.mention-asterisk {
	visibility: hidden;
}

/* Masque les éléments non nécessaires */
div.mention-asterisk {	display: none; visibility:hidden;}
.simulator-breadcrumb {	display: none;visibility:hidden;}
.help-panel, .step-page .blockinfo-chapters, .fiche-item {border: none;}
.step-page .blockinfo-chapters, .step-page .section-content, .step-page .section-annotations {border: none; padding:0;}
.fiche-item .fiche-item-content {padding:0;}
.fas , .fa-chevron-left, .fa-chevron-right { display: none; }
.step-page .section-content {  background-color: transparent;}
.step-page .label {text-align: left;}
.asterisk {display: none;}
.step-page .btn-help-before { margin: 0; font-size: 1.3rem; border:none;}
.widthmaxradio {margin: 0 0 5px 0 !important;}
.article ul li::before { color: #3a3a3a !important;}

  
/* Mise en page du Vérifié */
.sp-text--gray {
	color: var(--sp-text);
  }
  .fr-text--xs {
	font-size: 0.75rem !important;
	line-height: 1.25rem !important;
	margin: var(--text-spacing);
  }
  /* Mise en page de l'intro */
  .Intro p {
	  color: #3a3a3a;
	  font-family: 'marianne_regular';
	  font-size: 1.25rem;
	line-height: 2rem ;
	margin : 0 0 1rem 0;
  }
  
  .aNote  {box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france); margin: 2rem 0; padding-left:2rem; color: #333333c4;}
  .aNote p {font-size: 1rem; line-height:1rem; font-family: 'marianne_light';}
  
  /* Mode d'emploi */
  .ModeEmploi > h2 {font-size: 1rem; font-family: 'marianne_bold'; padding-left:1.5rem;color: var(--text-default-grey);}
  
  .sp-panel.sp-blue-panel { border-color: var(--blue-france-main-525);}
  .sp-panel {
	border: 1px solid var(--sp-grey-5);
	background-color: var(--sp-white);
	margin: 1rem 0;
	padding: 0.5rem 0;
  }
  
  .fr-py-1v { padding: 1rem 0.5rem;}
  
  ul, article ul {
	list-style-type: var(--ul-type);
	padding-inline-start: var(--ul-start);
	padding-left: 2rem;
  }
  li, article li {
	  margin-left: 2rem;
  }
  
  /* Timer */
  .fr-callout {
	position: relative;
	background-color: var(--background-contrast-grey);
	box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
	margin: 2rem 0;
	padding: 1rem 3rem;
  }
  
  .temps {padding-left: 1.5rem; }

 /* Titre de l'étape */
legend, .step-page .fieldset-container legend {
    border-bottom: transparent !important;
    display: block;
    text-align: center;
    font-family: 'marianne_light';
    font-size: 1.25rem ;
    line-height: 2rem ;
    margin: var(--text-spacing);
  }

  .RecapFinal {
    border-bottom: none;
    display: block;
    text-align: center;
    font-family: 'marianne_light';
    font-size: 1.25rem ;
    line-height: 2rem ;
    margin: var(--text-spacing);
  }

  .sp-entete-bullet .sp-entete-bullet-number {
	text-align: center !important;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: -.2rem;
  }

  .sp-section-bullet {
	text-align: center !important;
    display: inline-flex;
    justify-content: center !important;
    align-items: center !important;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--sp-blue);
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
  }
  .sp-blue {
	text-align: center !important;
    color: #3a3a3a;
    font-family: 'marianne_bold';
    fill: var(--sp-blue);
  }

.sp-section-bullet-green {
    display: inline-flex;
    justify-content: center !important;
    align-items: center !important;
    width: 2.5rem;
    height: 2.5rem;
    background: #18753c;
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
}  

  @media (min-width: 48em) {
    .fr-text--lg {
        font-size: 1.25rem !important;
        line-height: 2rem !important;
    }
}

/* Mise en page du bloc Alert */
.fr-alert--warning {
  box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;
  }

  .petit {
    font-family: 'marianne_regular';
    font-size:0.8rem;
  }
  
  /* Mise en page du bloc Info */
  .fr-alert--info {
    box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;
  }
  .fr-alert--success p { font-family: 'marianne_regular'; font-size:1.1rem;}
  
  .step-page .form-group[data-type="date"] .input-group {
    width: 100% !important;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
  }

 /*.step-page input[type="date"], .step-page input.date, .step-page input[type="number"], .step-page input[type="money"], .step-page .form-group[data-type="date"] .input-group {
    color: #d4204d;
    width: 100% !important;
    max-width: 100%;
    min-width: auto;
  }*/

  .step-page .form-group[data-type="date"] .input-group {
    background: #fff none repeat scroll 0 0;
    border: transparent !important;
  }

  

  .step-page input[type="text"], .step-page input[type="date"],
  .step-page input.date, .step-page input[type="number"], .step-page input[type="money"],
  .step-page .form-group[data-type="date"] .input-group {
    color :#44317c;
    width: 100% !important;
    max-width: 100%;
    min-width: auto;
  }


  .step-page input.date {max-width: 100% !important;}
.step-page .form-group[data-type="date"] .input-group {border:none;}
.step-page a.datepicker-button.blue {color: #0606b2; }


/* Elements de la lettre */

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

.Exp {
	color: rgb(68,49,124);
	font-family: 'marianne_bold';
	font-size:1.1rem;
}

.ExpLight {
    color: #333333;
    font-family: 'marianne_regular';
    margin-top: 1rem !important;
}

.Dest {
	color: rgb(68,49,124);
	font-weight: bold;
	font-size:1.1rem;
	padding-left: 50%;
}
.Objet {padding: 3rem 0;}

.Sign {
	padding-left:40%;
	text-align: center;
}

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

.PJ {font-size: 0.8rem; margin: 1rem 0; width: 100%;}
.PJ .Contenu {font-size: 0.8rem; margin: 1rem 0;}

.Info {	padding: 15px 20px;}

.retrait {text-indent: 2rem;}

#ModelLettre-panel-1-blockinfo-8-chapter-1-section-3-content {
  
    border: 1px solid #0606b2;
    border-radius: 0px;
    padding: 10px;
}

/* Mise en page du bouton */
button.btn {
  font-family: 'marianne_regular';
	border: 1px solid #000091;
	padding: 8px;
  background-color: transparent;
  margin-left: 0 !important;
  margin-right: 20px !important;
}

button.btn.btn-primary {
  background-color: #000091!important;
  color: var(--text-inverted-blue-france);
  border: 1px solid #0606b2;
  margin-left: 0 !important;
}

.btn-help, .btn-help-before {color: #0606b2; border:none; }

.step-page .action_buttons {
  text-align: left;
  float:left;
  margin-right: 20px;
}

/* Mise en page du bouton au survol*/
.fr-btn:hover, .btn.btn-secondary:hover {
	background-color: #f5f5fe;
}

.step-page .form-group[data-type="date"] a.datepicker-button span {
  border: 1px solid;
  border-radius: 4px;
  padding: 0.4em;
}

.btn-secondary {
  text-transform: none;
}

/*.glyphicon-calendar::before {
  content: "\e109";
  border: 1px solid;
  border-radius: 4px;
  padding: 0.4em;
}*/