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

h1, article > h1 {font-size:2rem !important;}

.article p + ul, .article p + ol {margin:0.5rem 0;}
/* 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;}

.ModeEmploi ul, .fr-alert--success ul, .fr-alert--info ul {
	padding-inline-start: var(--ul-start);
	padding-left: 3rem ;
}
.article ul li, .ModeEmploi ul li, .fr-alert--success ul li, .docs ul li {list-style-type: circle;  }

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

/* Suppression de la croix pour les communes */
.glyphicon, .glyphicon-remove {display: none;}

.field-container, .form-horizontal .form-group, .form-horizontal .control-label { padding-top: .75rem;}
#Pacs-panel-1-fieldset-2, #Mariage-panel-1-fieldset-2 {margin-top: 3rem;}

@media (min-width: 764px) and (max-width: 920px) {
	.step-page input[type=text], .step-page input[type=date], .step-page input.date, .step-page input[type=number], .step-page input[type=money] {
    	width: 100%;
	}
}

.sp-entete-bullet .sp-entete-bullet-number {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: -.2rem;
}

@media (min-width: 48em) {
    .fr-h5 {
    font-size: 1.375rem !important;
    line-height: 1.75rem !important;
    }
}
.fr-h5 {color: var(--text-title-grey);margin: var(--title-spacing);font-family: "marianne_bold", arial, sans-serif; text-rendering: optimizeLegibility;}

.nav-up a { display: none;}
.nav-up { border: none;}

/* Ordre des blocs des communes */

/* Mise en page du bloc facultatif ou Exemple*/
.step-page .post-note {
    grid-row:2;
    font-size: 0.75rem !important;
    line-height: 1.25rem;
    margin: 0 1rem;
    color: var(--text-mention-grey);
    font-family: "marianne_light";
	padding-bottom: 0.5rem;
}

/* Positionnement des exemples*/

#nomCommuneNaissanceQuestion-container,
#nomCommuneNaissancePacsNotaireQuestion-container,
#nomCommuneUnionQuestion-container,
#nomCommuneNaissanceConjointQuestion-container,
#nomCommuneNaissanceConjointQuestionPacsNotaire-container
{display: grid;}


#nomCommuneNaissanceQuestion-label,
#nomCommuneNaissancePacsNotaireQuestion-label,
#nomCommuneUnionQuestion-label,
#nomCommuneNaissanceConjointQuestion-label,
#nomCommuneNaissanceConjointQuestionPacsNotaire-label {grid-row:1;}

.step-page #nomCommuneNaissanceQuestion-container input,
.step-page #nomCommuneNaissancePacsNotaireQuestion-container input,
.step-page #nomCommuneUnionQuestion-container input,
.step-page #nomCommuneNaissanceConjointQuestion-container input,
.step-page #nomCommuneNaissanceConjointQuestionPacsNotaire-container input {
	width: 70%;
	border-bottom: 3px solid #2a313e;
	border-radius: 0;
	background-color: #f3f6f4;
	font-variant: all-small-caps;
}

/* Mise en page du complément quand la ville est Comedec OK */
.InfoComp {
    margin-top: 0.5rem;;
	padding: 8px 15px;
	width: fit-content;
	background: #DBDBEE99;
	color: #0606b2;
	font-size: 1rem;
	font-family: 'marianne_regular';
	border-left: 3px solid #0606b2;
}

h2.sp-black {color:#2a313e; font-family: "marianne_bold"; }
h3.sp-blue {color: #0606b2; font-family: "marianne_bold";}
h2.fr-text--lg.fr-text--regular.sp-green {color:#18753c !important;font-family:"marianne_bold";}
h2.sp-bleu {color: #0606b2; font-family:"marianne_bold";}
span.sp-marron {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	background: #b34000;
	border-radius: 50%;
	color: var(--sp-white);
	margin-bottom: 0.5rem;
}
#Recap-panel-1-blockinfo-3.blockinfo-container, #Recap-panel-1-blockinfo-4.blockinfo-container {margin-top: 3rem ;}

div#Confirmation-container.field-container.form-group {display:none;}

/* Mise en page du récap */
div#Recap-panel-1-fieldset-2.fieldset.disposition-classic.form-horizontal,
div#Recap-panel-1-fieldset-3.fieldset.disposition-classic.form-horizontal,
div#Recap-panel-1-fieldset-4.fieldset.disposition-classic.form-horizontal,
.docs {
	border: 1px solid #0606b2;
	padding: 1rem 1rem 2rem 1rem;
	margin-bottom: 3rem;
}

.docs p {line-height: 1.75rem;}

#Recap-panel-1-fieldset-2 .field-container.form-group,
#Recap-panel-1-fieldset-3 .field-container.form-group,
#Recap-panel-1-fieldset-4 .field-container.form-group {
	display: grid;
	grid-template-columns: 60% auto;
	gap: 0 0.5rem;
}

.docAProduire {font-size: 1.2rem; color:#666666; margin-bottom: 1rem; }
.PacsNot {padding-bottom: 1.5rem; }

.step-page .label {grid-column-start: 1; }
@media screen and (max-width: 30em) {
    #Recap-panel-1-fieldset-1 .field-container.form-group {
        grid-template-columns: auto auto;
    }
}

.RecapFinal {
    border-bottom: none;
    display: block;
    text-align: center;
    font-family: 'marianne_light';
    font-size: 1.25rem ;
}


/* Mise en page des boutons */
.step-page .action_buttons button {
    margin: 2rem 1rem 1rem 0;
}