/**
 * Styles pour certaines pages "autonomes" : installation, etc.
 *
 * Ces styles viennent en complément/surcharge de minipage.css et minipage.vars.css
 *
 * Inutile de redéclarer ici les styles déjà présents dans minipage.ss,
 * à moins qu'il faille les surcharger pour des cas précis.
 */

:root {
	--minipres-color-theme: #DB1762;
}
.minipage-bloc {text-align: left}
.minipage-bloc header h1 {display: none}
.minipage-bloc header h2 {font-weight: bold;}
.minipage-bloc .corps:last-child { border-bottom-left-radius: var(--minipage-border-radius); border-bottom-right-radius: var(--minipage-border-radius); }

/* LAYOUT / Disposition a l'ecran
---------------------------------------------- */
.minipage { position: relative; margin: 0 auto; }

.minipage-bloc header {color: white;background: var(--minipres-color-theme);padding: 0.75em 2em;}
.minipage-bloc h2 {
	font-size: 1.1em;
}
@media (min-width: 680px) {
	.minipage-bloc { width: 650px;}
	.minipage-bloc .corps { padding: 1.5em 2em;overflow: hidden;}
	.minipage-bloc header {padding: 0.75em 2em;}
	.minipage-bloc header h2 {
		margin: 0 !important;
	}
}
@media (max-width: 680px) {
	body {padding: 1.5em;}
	.minipage-bloc {width: auto;max-width: 25em;min-width: 15em; background: transparent;border: 0}
	.minipage-bloc header {padding: 0.75em 0;}
	#infos_etapes {display: none;}
}

@media screen and (max-width:680px) and (orientation: landscape) {
	body { -webkit-text-size-adjust: 70%; }
}


/* Typographie et rythme vertical
---------------------------------------------- */

h1, h2, h3 {
	margin-block-end: var(--minipage-margin-bottom);
}
p, ul, table {
	margin-block-end: calc(var(--minipage-margin-bottom) * 0.75);
}


/* Formulaires
---------------------------------------------- */

.formo,
input.text,
input.password, select { display: block; margin-bottom: 0.5em; background: #F8F8F9 center bottom; padding: 4px; border: 1px solid #BEBEBF; border-radius: 3px; font-size: 1.2em; width: 100%; height: 2.5em; }
button, input[type=submit] { color: white;background: var(--minipres-color-theme);border: none;border-radius: 4px;padding: 8px 1em;font-size: 1.2em;font-weight: bold;}
button:hover, input[type=submit]:hover,
button:focus, input[type=submit]:focus { background: #881644; }

.formulaire_spip { clear: both; margin-bottom: 1.5em; padding: 0; background: none; border: 0; text-align: left; }
.formulaire_spip form { margin: 0; padding: 0; }
.formulaire_spip fieldset,
fieldset,
.fieldset { margin: 0 0 1em 0; padding: 0 1em 0.5em 1em; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; text-align: left; }
legend { font-weight: bold; color: #333; padding: 0.5em; }  /* Preciser la couleur des legend pour IE/Win */
label {display: inline-block; margin-bottom: .5em;}
input[type=radio],input[type=checkbox] {display: inline-block; margin-right: 0.75em; margin-bottom: .5em;}

.formulaire_spip fieldset .editer-groupe { margin: 0; padding: 0; list-style: none; }
.formulaire_spip fieldset .editer { clear: both; margin: 0 0 1.5em; padding: 0; }
.formulaire_spip fieldset .editer label,
.formulaire_spip fieldset .editer .erreur_message,
.formulaire_spip fieldset .editer .details { display: block; width: auto; margin: 0; }
.formulaire_spip fieldset .editer.obligatoire label { font-weight: bold}

.formulaire_spip .editer .choix label { display: inline; font-weight: normal; }
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox { width: auto; }

.boutons { margin-top: 1.5em; text-align: right; }

/* erreur */
.formulaire_spip fieldset .editer-groupe .editer.erreur {}
.formulaire_spip fieldset .editer-groupe .editer.erreur input { border-color: red; background-color: #fcc; }
.reponse_formulaire,
.erreur_message { font-weight: bold; color: red; }
.reponse_formulaire.reponse_formulaire_ok {border: 2px solid #C6D880;font-weight: normal;padding: 0.8em;margin-bottom: 1.5em;color: #264409;background-color: #E6EFC2;}

/* inscription + spip-pass */
.quitter_fenetre { position: absolute; right: 1.5em; top: 1.5em; }
.quitter_fenetre a { display: block; width: 1.5em; height: 1.5em; background: url(images/fermer-16.png) no-repeat right center; color: #fff; text-indent: -999em; }

/* end */
