/* =========================================================
   SAFIDY : styles généraux (reprise de l'ancien <style> du header)
   ========================================================= */

.mt20 { margin-top: 20px; }

.title { font-size: 30px; }

#candidate_list { margin-top: 20px; }
#candidate_list ul { list-style-type: none; }
#candidate_list ul li { vertical-align: top; }

.clistUlLi { margin-left: -2.0em; margin-right: -8em; }
.clist { margin-left: 20px; }
.cname { font-size: 20px; }
.votelist { font-size: 15px; }

body { font-family: 'Arial Rounded MT Bold', sans-serif; }
.fontFPMA { font-family: 'Arial Rounded MT Bold', sans-serif; }

.fpma {
	font-family: 'Arial Rounded MT Bold', sans-serif;
	color: #011e70;
	font-weight: bold;
}

.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.vertical-align-center {
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.modal-content {
	/* Bootstrap fixe la taille dans .modal-dialog : on l'hérite */
	width: inherit;
	max-width: inherit;
	height: inherit;
	margin: 0 auto;
	pointer-events: all;
}

a { margin: 2px; }

/* ---------- Select2 ---------- */
.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border: 1px solid #d2d6de;
	border-radius: 0;
	padding: 6px 12px;
	height: 34px;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 10px;
	padding-left: 0;
	height: auto;
	margin-top: -3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border: 1px solid #d2d6de;
	border-radius: 0 !important;
	padding: 6px 12px;
	height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 6px !important;
	right: 1px;
	width: 20px;
}

/* ---------- Utilitaires ---------- */
.isCenter { text-align: center; margin: 5px; }
.isJustify { text-align: justify; }

form .required label:after {
	color: #e32;
	content: ' *';
	display: inline;
	font-weight: bold;
}

.positionUnitaire {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 100%;
}

.vertical_line { border-left: 2px solid #f2f2f2; }
.vertical_line_right { border-right: 2px solid #f2f2f2; }

.row.flex-override {
	display: flex;
	justify-content: space-around;
}

.row.flex-override > .vertical-align-center {
	display: flex;
}

.row.flex-override .vertical-align-center .valign-center {
	align-self: center;
}

.parent {
	width: 100%;
	display: grid;
	justify-content: center;
	min-height: 70vh;
	place-items: center;
	margin-left: 0.3em;
	margin-right: 1em;
}

.parentOrigin {
	display: grid;
	min-height: 50vh;
	place-items: center;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ballotAreaCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* ---------- Ruban « Campagne » ---------- */
.ribbon-campaign {
	--f: 10px; /* hauteur du pli */
	--r: 15px; /* profondeur de l'encoche */
	--t: 10px; /* décalage haut */

	position: relative;
	inset: var(--t) calc(-1 * var(--f)) auto auto;
	padding: 0.1em 0 var(--f) calc(10px + var(--r));
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--f)),
		calc(100% - var(--f)) 100%,
		calc(100% - var(--f)) calc(100% - var(--f)),
		0 calc(100% - var(--f)),
		var(--r) calc(50% - var(--f) / 2)
	);
	background: #F39C12;
	box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005;
	margin-right: -0.6em;
	margin-top: -1em;
	margin-bottom: 1em;
	font-size: large;
	color: #fff;
	text-align: center;
}