/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end */
/* --------------------------------------------------------------

   clear.css
   Classes pour faciliter la composition
   Cf.: https://contrib.spip.net/3820

-------------------------------------------------------------- */

body { margin-bottom:1em; background-color: #f8f7f3; margin: 0; border: 0; color: #000;}

/* Alignements */
.center { text-align: center; margin-right: auto; margin-left: auto; }

/* Espaceur de blocs */
.clear { clear: both; }
br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear { visibility: hidden; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.clearfix { display: block; }

.offscreen,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Non visible a l'ecran */
.none,.js .none-js,.no-js .none-nojs { display: none; }
.hidden,.js .hidden-js,.no-js .hidden-nojs  {visibility:hidden;}
.invisible, /* compat */
.over,.js .over-js,.no-js .over-nojs { position: absolute; left: -3000em; height: 1%; }

/* oldies */
.js .invisible_au_chargement { visibility: hidden; }
.js .visible_au_chargement { visibility: hidden; }
.js .display_au_chargement { display: none; }
.no-js .invisible_au_chargement { visibility: hidden; }
.no-js .visible_au_chargement { visibility: visible; }
.no-js .display_au_chargement { display: block; }

/* debug */
.todo { opacity: 0.5; }
.todo:hover { opacity: 1; }
.blink { text-decoration: blink; }

/* style par defaut sur les tables. selecteur generique pour avoir une faible priorite */
table {
	border-collapse: collapse; /* equivalent a cellspacing=0 */
}
td {
	padding: 0; /* equivalent a cellpadding=0 */
}

td { text-align: left; }

.clicable {cursor:hand;cursor:pointer;}

img.loader, svg.loader { vertical-align: middle; width: 1.5em; height: 1.5em; margin: 0 0.25em;}
/**
 * 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 */