@charset "UTF-8";

/* src/assets/fonts/font.scss */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/Filtered-Material-Outlined-Font-K7VAZEWW.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}
.material-symbols-outlined.filled {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Regular-NSJBMKCO.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Medium-5YG7IPWV.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Bold-4TMQAGJZ.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

/* src/styles.scss */
.silver-text {
  color: silver;
}
.gray-text {
  color: gray;
}
.white-text {
  color: white;
}
.maroon-text {
  color: maroon;
}
.red-text {
  color: red;
}
.purple-text {
  color: purple;
}
.fuchsia-text {
  color: fuchsia;
}
.green-text {
  color: green;
}
.lime-text {
  color: lime;
}
.olive-text {
  color: olive;
}
.yellow-text {
  color: yellow;
}
.navy-text {
  color: navy;
}
.blue-text {
  color: blue;
}
.teal-text {
  color: teal;
}
.aqua-text {
  color: aqua;
}
.aliceblue-text {
  color: aliceblue;
}
.antiquewhite-text {
  color: antiquewhite;
}
.aquamarine-text {
  color: aquamarine;
}
.azure-text {
  color: azure;
}
.beige-text {
  color: beige;
}
.bisque-text {
  color: bisque;
}
.blanchedalmond-text {
  color: blanchedalmond;
}
.blueviolet-text {
  color: blueviolet;
}
.brown-text {
  color: brown;
}
.burlywood-text {
  color: burlywood;
}
.cadetblue-text {
  color: cadetblue;
}
.chartreuse-text {
  color: chartreuse;
}
.chocolate-text {
  color: chocolate;
}
.coral-text {
  color: coral;
}
.cornflowerblue-text {
  color: cornflowerblue;
}
.cornsilk-text {
  color: cornsilk;
}
.crimson-text {
  color: crimson;
}
.cyan-text {
  color: cyan;
}
.darkblue-text {
  color: darkblue;
}
.darkcyan-text {
  color: darkcyan;
}
.darkgoldenrod-text {
  color: darkgoldenrod;
}
.darkgray-text {
  color: darkgray;
}
.darkgreen-text {
  color: darkgreen;
}
.darkgrey-text {
  color: darkgrey;
}
.darkkhaki-text {
  color: darkkhaki;
}
.darkmagenta-text {
  color: darkmagenta;
}
.darkolivegreen-text {
  color: darkolivegreen;
}
.darkorange-text {
  color: darkorange;
}
.darkorchid-text {
  color: darkorchid;
}
.darkred-text {
  color: darkred;
}
.darksalmon-text {
  color: darksalmon;
}
.darkseagreen-text {
  color: darkseagreen;
}
.darkslateblue-text {
  color: darkslateblue;
}
.darkslategray-text {
  color: darkslategray;
}
.darkslategrey-text {
  color: darkslategrey;
}
.darkturquoise-text {
  color: darkturquoise;
}
.darkviolet-text {
  color: darkviolet;
}
.deeppink-text {
  color: deeppink;
}
.deepskyblue-text {
  color: deepskyblue;
}
.dimgray-text {
  color: dimgray;
}
.dimgrey-text {
  color: dimgrey;
}
.dodgerblue-text {
  color: dodgerblue;
}
.firebrick-text {
  color: firebrick;
}
.floralwhite-text {
  color: floralwhite;
}
.forestgreen-text {
  color: forestgreen;
}
.gainsboro-text {
  color: gainsboro;
}
.ghostwhite-text {
  color: ghostwhite;
}
.gold-text {
  color: gold;
}
.goldenrod-text {
  color: goldenrod;
}
.greenyellow-text {
  color: greenyellow;
}
.grey-text {
  color: grey;
}
.honeydew-text {
  color: honeydew;
}
.hotpink-text {
  color: hotpink;
}
.indianred-text {
  color: indianred;
}
.indigo-text {
  color: indigo;
}
.ivory-text {
  color: ivory;
}
.khaki-text {
  color: khaki;
}
.lavender-text {
  color: lavender;
}
.lavenderblush-text {
  color: lavenderblush;
}
.lawngreen-text {
  color: lawngreen;
}
.lemonchiffon-text {
  color: lemonchiffon;
}
.lightblue-text {
  color: lightblue;
}
.lightcoral-text {
  color: lightcoral;
}
.lightcyan-text {
  color: lightcyan;
}
.lightgoldenrodyellow-text {
  color: lightgoldenrodyellow;
}
.lightgray-text {
  color: lightgray;
}
.lightgreen-text {
  color: lightgreen;
}
.lightgrey-text {
  color: lightgrey;
}
.lightpink-text {
  color: lightpink;
}
.lightsalmon-text {
  color: lightsalmon;
}
.lightseagreen-text {
  color: lightseagreen;
}
.lightskyblue-text {
  color: lightskyblue;
}
.lightslategray-text {
  color: lightslategray;
}
.lightslategrey-text {
  color: lightslategrey;
}
.lightsteelblue-text {
  color: lightsteelblue;
}
.lightyellow-text {
  color: lightyellow;
}
.limegreen-text {
  color: limegreen;
}
.linen-text {
  color: linen;
}
.magenta-text {
  color: magenta;
}
.mediumaquamarine-text {
  color: mediumaquamarine;
}
.mediumblue-text {
  color: mediumblue;
}
.mediumorchid-text {
  color: mediumorchid;
}
.mediumpurple-text {
  color: mediumpurple;
}
.mediumseagreen-text {
  color: mediumseagreen;
}
.mediumslateblue-text {
  color: mediumslateblue;
}
.mediumspringgreen-text {
  color: mediumspringgreen;
}
.mediumturquoise-text {
  color: mediumturquoise;
}
.mediumvioletred-text {
  color: mediumvioletred;
}
.midnightblue-text {
  color: midnightblue;
}
.mintcream-text {
  color: mintcream;
}
.mistyrose-text {
  color: mistyrose;
}
.moccasin-text {
  color: moccasin;
}
.navajowhite-text {
  color: navajowhite;
}
.oldlace-text {
  color: oldlace;
}
.olivedrab-text {
  color: olivedrab;
}
.orange-text {
  color: orange;
}
.orangered-text {
  color: orangered;
}
.orchid-text {
  color: orchid;
}
.palegoldenrod-text {
  color: palegoldenrod;
}
.palegreen-text {
  color: palegreen;
}
.paleturquoise-text {
  color: paleturquoise;
}
.palevioletred-text {
  color: palevioletred;
}
.papayawhip-text {
  color: papayawhip;
}
.peachpuff-text {
  color: peachpuff;
}
.peru-text {
  color: peru;
}
.pink-text {
  color: pink;
}
.plum-text {
  color: plum;
}
.powderblue-text {
  color: powderblue;
}
.rosybrown-text {
  color: rosybrown;
}
.royalblue-text {
  color: royalblue;
}
.saddlebrown-text {
  color: saddlebrown;
}
.salmon-text {
  color: salmon;
}
.sandybrown-text {
  color: sandybrown;
}
.seagreen-text {
  color: seagreen;
}
.seashell-text {
  color: seashell;
}
.sienna-text {
  color: sienna;
}
.skyblue-text {
  color: skyblue;
}
.slateblue-text {
  color: slateblue;
}
.slategray-text {
  color: slategray;
}
.slategrey-text {
  color: slategrey;
}
.snow-text {
  color: snow;
}
.springgreen-text {
  color: springgreen;
}
.steelblue-text {
  color: steelblue;
}
.tan-text {
  color: tan;
}
.thistle-text {
  color: thistle;
}
.tomato-text {
  color: tomato;
}
.turquoise-text {
  color: turquoise;
}
.violet-text {
  color: violet;
}
.wheat-text {
  color: wheat;
}
.whitesmoke-text {
  color: whitesmoke;
}
.yellowgreen-text {
  color: yellowgreen;
}
.sized-50-text {
  font-size: 50%;
}
.sized-55-text {
  font-size: 55%;
}
.sized-60-text {
  font-size: 60%;
}
.sized-65-text {
  font-size: 65%;
}
.sized-70-text {
  font-size: 70%;
}
.sized-75-text {
  font-size: 75%;
}
.sized-80-text {
  font-size: 80%;
}
.sized-85-text {
  font-size: 85%;
}
.sized-90-text {
  font-size: 90%;
}
.sized-95-text {
  font-size: 95%;
}
.sized-100-text {
  font-size: 100%;
}
.sized-105-text {
  font-size: 105%;
}
.sized-110-text {
  font-size: 110%;
}
.sized-115-text {
  font-size: 115%;
}
.sized-120-text {
  font-size: 120%;
}
.sized-125-text {
  font-size: 125%;
}
.sized-130-text {
  font-size: 130%;
}
.sized-135-text {
  font-size: 135%;
}
.sized-140-text {
  font-size: 140%;
}
.sized-145-text {
  font-size: 145%;
}
.sized-150-text {
  font-size: 150%;
}
.sized-155-text {
  font-size: 155%;
}
.sized-160-text {
  font-size: 160%;
}
.sized-165-text {
  font-size: 165%;
}
.sized-170-text {
  font-size: 170%;
}
.sized-175-text {
  font-size: 175%;
}
.sized-180-text {
  font-size: 180%;
}
.sized-185-text {
  font-size: 185%;
}
.sized-190-text {
  font-size: 190%;
}
.sized-195-text {
  font-size: 195%;
}
.sized-200-text {
  font-size: 200%;
}
.sized-205-text {
  font-size: 205%;
}
.sized-210-text {
  font-size: 210%;
}
.sized-215-text {
  font-size: 215%;
}
.sized-220-text {
  font-size: 220%;
}
.sized-225-text {
  font-size: 225%;
}
.sized-230-text {
  font-size: 230%;
}
.sized-235-text {
  font-size: 235%;
}
.sized-240-text {
  font-size: 240%;
}
.sized-245-text {
  font-size: 245%;
}
.sized-250-text {
  font-size: 250%;
}
.sized-255-text {
  font-size: 255%;
}
.sized-260-text {
  font-size: 260%;
}
.sized-265-text {
  font-size: 265%;
}
.sized-270-text {
  font-size: 270%;
}
.sized-275-text {
  font-size: 275%;
}
.sized-280-text {
  font-size: 280%;
}
.sized-285-text {
  font-size: 285%;
}
.sized-290-text {
  font-size: 290%;
}
.sized-295-text {
  font-size: 295%;
}
.sized-300-text {
  font-size: 300%;
}
.sized-305-text {
  font-size: 305%;
}
.sized-310-text {
  font-size: 310%;
}
.sized-315-text {
  font-size: 315%;
}
.sized-320-text {
  font-size: 320%;
}
.sized-325-text {
  font-size: 325%;
}
.sized-330-text {
  font-size: 330%;
}
.sized-335-text {
  font-size: 335%;
}
.sized-340-text {
  font-size: 340%;
}
.sized-345-text {
  font-size: 345%;
}
.sized-350-text {
  font-size: 350%;
}
.sized-355-text {
  font-size: 355%;
}
.sized-360-text {
  font-size: 360%;
}
.sized-365-text {
  font-size: 365%;
}
.sized-370-text {
  font-size: 370%;
}
.sized-375-text {
  font-size: 375%;
}
.sized-380-text {
  font-size: 380%;
}
.sized-385-text {
  font-size: 385%;
}
.sized-390-text {
  font-size: 390%;
}
.sized-395-text {
  font-size: 395%;
}
.sized-400-text {
  font-size: 400%;
}
.sized-405-text {
  font-size: 405%;
}
.sized-410-text {
  font-size: 410%;
}
.sized-415-text {
  font-size: 415%;
}
.sized-420-text {
  font-size: 420%;
}
.sized-425-text {
  font-size: 425%;
}
.sized-430-text {
  font-size: 430%;
}
.sized-435-text {
  font-size: 435%;
}
.sized-440-text {
  font-size: 440%;
}
.sized-445-text {
  font-size: 445%;
}
.sized-450-text {
  font-size: 450%;
}
.sized-455-text {
  font-size: 455%;
}
.sized-460-text {
  font-size: 460%;
}
.sized-465-text {
  font-size: 465%;
}
.sized-470-text {
  font-size: 470%;
}
.sized-475-text {
  font-size: 475%;
}
.sized-480-text {
  font-size: 480%;
}
.sized-485-text {
  font-size: 485%;
}
.sized-490-text {
  font-size: 490%;
}
.sized-495-text {
  font-size: 495%;
}
.sized-500-text {
  font-size: 500%;
}
.italic-text {
  font-style: italic;
}
.oblique-text {
  font-style: oblique;
}
.bold-text {
  font-weight: bold;
}
.underlined-text {
  text-decoration: underline;
}
.padded-ul {
  padding: 12px;
}
.centered-text {
  text-align: center;
}
.left-aligned-text {
  text-align: left;
}
.right-aligned-textt {
  text-align: right;
}
.justified-text {
  text-align: justify;
}
.ol {
  list-style: decimal;
}
html {
  font-size: var(--root-font-size);
}
html,
html body {
  min-height: 100vh;
}
body {
  color: #1B1F53;
}
* {
  font-family: var(--custom-font-family);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
router-outlet {
  position: absolute;
}
h1 {
  font-size: var(--display-size);
  font-weight: var(--display-weight);
  line-height: ver(--display-line-height);
}
a {
  text-decoration: none;
  color: inherit;
}
p {
  font-size: var(--regular-size);
}
small {
  font-size: var(--small-size);
}
hr.auth-separator {
  border: none;
  background-color: #333;
  color: #333;
  overflow: visible;
  height: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
hr.auth-separator::after {
  content: "ou";
  background: #fff;
  padding: 8px;
  margin-bottom: 4px;
}
.button-img {
  padding: 0;
}
.button-with-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.primary {
  background-color: var(--primaryBackgroundColor);
  color: var(--primaryTextColor);
}
.primary-light,
.primary-light:active,
.primary-light:focus {
  border: none;
  color: var(--primaryTextColorLight) !important;
  background-color: var(--primaryColorLight) !important;
}
.primary-light:hover,
.primary-light:active:hover,
.primary-light:focus:hover {
  border-color: transparent !important;
  background-color: var(--primaryColorLightDarker) !important;
  color: var(--primaryTextColorLight) !important;
}
.primary-border {
  border-color: var(--primaryBackgroundColor);
  color: var(--primaryBackgroundColor);
  background-color: transparent;
}
.accessibility-button {
  border-color: var(--primaryColorLight);
}
.button-external {
  color: var(--primaryTextColorLight);
  background-color: var(--primaryBackgroundColorLight);
  border: none;
}
.button-external:hover,
.button-external:active {
  color: var(--primaryTextColorLight);
  background-color: color-mix(in srgb, var(--primaryBackgroundColorLight) 95%, black 5%);
}
.button-external.on-side-bar {
  padding: 12px 24px;
}
.step-button {
  padding: 6px 16px;
}
.home-button {
  padding: 6px 42px;
}
p-dropdown[arialabel*=".language-selector"]:has(.p-dropdown-trigger:nth-child(2)) {
  display: none;
}
@media screen and (max-width: 1024px) {
  :root {
    --display-size: 2rem;
    --display-line-height: 42px;
  }
}
@media screen and (max-width: 425px) {
  :root {
    --root-font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  app-auth > app-footer > footer {
    width: calc(50% + 4.2rem);
    margin-left: auto;
    justify-content: left !important;
  }
  app-auth > app-footer > footer > app-link:first-child {
    margin-right: 1rem;
  }
}

/* angular:styles/global:styles */


/* CLASSES UTILITAIRES */

/* Centrer le texte */
.centered-text {
	text-align: center
}

/* Justifier le texte */
.justified-text {
	text-align: justify
}

/* Numéroter les éléments d'une liste ul pour imiter la balise ol qui n'est pas autorisée */
.ol {
	list-style: decimal
}


/* CORRECTIONS FPP et CSE */

/* Masquer les champs de connexion lorsque le scrutin est fermé 
DÉSACTIVÉE PAR DÉFAUT car cela empêche la connexion en QA */
/*section.content:has(.time) > app-login, section.content:has(.warn) > app-login {
	display: none
}*/

/* Masquer les espaces prévus pour les textes dans le formulaire de connexion s'il n'y en a pas */
app-description-as-html:has(> div:empty) {
	display: none;
}

/* Rendre les boutons désactivés visiblement désactivés */
:not(.selected-choice-button) > .p-disabled/*, .p-component:disabled*/ {
	filter: saturate(.5) contrast(.5) brightness(1.33)
}

/* Masquer la liste déroulante des langues s'il n'y en a qu'une */
/*p-dropdown[arialabel*=".language-selector"]:not([ng-reflect-options*=","]) {
	display: none
}*/

/* Décaler le pied de page un peu à droite pour que "Mentions légales" ne soit pas à moitié sur le fond bleu */
@media screen and (min-width: 769px) {
	app-auth > app-footer > footer {
		width: calc(50% + 3.5rem);
		margin-left: auto;
		justify-content: left !important
	}
	app-auth > app-footer > footer > app-link:first-child {
		margin-right: .3rem
	}
}

/* Uniformiser les marges autour du logo dans l'en-tête */
app-header > .title-container {
	gap: 24px !important
}
app-header a:has(img[src="./assets/img/logo/undefined"]) {
	display: none
}

/* Uniformiser les marges entre les élections CSE et les élections FPP */
app-timeline:has(.timeline:nth-child(3) > .current) + div {
	margin: 0 39px;
	padding: 0px
}

/* Uniformiser les marges des conteneurs arrondis */
/*app-accessibility > form, app-reminder {
	padding: 20px 28px 28px !important
}
app-accessibility > form, app-election-card, .p-dialog, .p-dialog-content {
	border-radius: 28px !important
}
.dialog-content {
	padding: 20px !important
}
.dialog-content > .button-container {
	margin-top: 20px !important
}
.dialog-content app-candidate-list {
	margin-top: -32px
}
.dialog-content app-candidate-list > .title-container {
	padding-right: 45px
}
.close-button {
	top: 0
}
.close-button > button {
	border-radius: 8px !important
}
.election-container .election {
	padding: 12px 18px 12px 16px !important
}*/

/* Uniformiser les ombres */
app-election-card,
app-list-card > button,
app-race-grouping .motion,
.title-container ~ .section-container > section {
	box-shadow: 0 2px 8px rgba(27, 31, 83, .07), 0 4px 16px rgba(27, 31, 83, .07), 0 8px 32px rgba(27, 31, 83, .07), 0 16px 64px rgba(27, 31, 83, .07) !important
}

/* Corriger la classe padded-ul en reprenant la valeur par défaut de la balise ul */
/*.padded-ul {
	padding: revert
}*/

/* Restaurer les marges par défaut (sauf la première et la dernière) des balises dans les textes personnalisables (sauf dans l'en-tête) */
main app-description-as-html * {
	margin: revert;
	padding: revert
}
main app-description-as-html > div > *:first-child, main app-description-as-html > div > *:first-child:last-child > *:first-child {
	margin-top: 0;
	padding-top: 0
}
main app-description-as-html > div > *:last-child, main app-description-as-html > div > *:first-child:last-child > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

/* Restaurer la taille de la police des paragraphes dans les textes personnalisables */
app-description-as-html p {
	font-size:revert
}

/* Souligner et rendre bleu les liens dans les textes personnalisables */
app-description-as-html a {
	text-decoration: revert;
	color: #4b4bf9
}

/* Améliorer l'accessibilité des paramètres d'accessibilité */
@media screen and (min-width: 425px) {
	app-accessibility {
		min-width: unset !important;
	}
	app-accessibility h1, app-accessibility tr {
		margin-bottom: 20px !important
	}
	app-accessibility tr {
		flex-direction: column
	}
	app-accessibility td {
		width: calc(100% - 40px) !important;
		text-align: center
	}
	app-accessibility hr {
		width: 24px !important;
		height: 24px !important;
		border: 1.375rem solid #FFF !important;
		margin-left: calc(-1.375rem - 12px) !important;
		z-index: 0 !important;
		box-sizing: content-box
	}
	app-accessibility app-slider-with-step > span {
		pointer-events: none
	}
}

/* Centrer le bouton de retour du reminder */
app-reminder > p-button {
	text-align: center
}

/* Agrandir la largeur du champ e-mail pour la confirmation du vote */
app-timeline:has(.timeline:nth-child(3) > .current) + div .input-email {
	flex-grow: 1
}

/* Déplacer les boutons "Accueil" et "Vote suivant" en haut de la page */
app-timeline:has(.timeline:nth-child(3) > .current) + div {
	display: flex !important;
	position: relative
}
app-timeline:has(.timeline:nth-child(3) > .current) + div > app-check + .button-container {
	order: -1;
	margin-top: 96px
}
app-timeline:has(.timeline:nth-child(3) > .current) + div > app-check > div:first-child {
	position: absolute;
	top: 0
}

/* Centrer les éléments dans le conteneur de la référence du bulletin */
.ref-container {
	justify-content: space-evenly
}
.ref-container > div:last-child {
	display: flex;
	align-items: center;
	max-height: calc(256px + 16px * 2)
}

/* CORRECTIONS FPP */

/* Masquer le texte personnalisé du reminder lors de la confirmation de l'envoi des codes */
app-login .p-component-overlay:not(:has(app-credential-form)) app-description-as-html {
	display: none
}

/* Forcer l'alignement à gauche des noms des candidats */
.choice .p-button {
	text-align: left !important
}

/* Ajouter un espace sous le titre de la résolution et sous "Votes exprimés x/y" */
app-race-grouping .header > * {
	margin-bottom: 20px
}

/* Ajouter un espace entre le titre de la résolution et "Votes exprimés x/y" */
app-race-grouping .header {
	gap: 20px
}

/* Aligner le titre des résolutions en haut à gauche du conteneur */
app-race-grouping .header {
	align-items: normal !important
}

/* Uniformiser les marges dans les boutons contenant le nom des candidats et corriger la zone cliquable */
.choice-button, .selected-choice-button {
	padding: 0 !important
}
.choice button {
	padding: 16px 20px
}
.choice a.p-button {
	padding: 16px 14px
}
.choice .multipart-button {
	overflow: hidden
}
.choice .multipart-button-load {
	display: flex;
	flex-direction: row !important;
	min-width: auto !important
}
.choice app-icon-button > a, .choice app-icon-button > p-button {
	display: flex;
	height: 100%;
	justify-content: center !important
}
.choice button, .choice a {
	border-radius: 0
}

/* Retirer les marges horizontales des choix superflues */
.choices-container > [class*="choices"] {
	margin: -5px -10px
}
.choices-container > [class*="choices"] > p {
	margin: 5px 10px
}

/* Centrer et réduire la largeur du formulaire pour recevoir la preuve de vote en cas d'affichage compact */
.compact-display-send-proof-container {
	max-width: 64em;
	margin: auto
}

/* Centrer et ajouter une marge sous "Confirmation des votes" et le déplacer en haut de la page de validation en cas d'affichage compact */
app-check > h2 {
	width: 100%;
	text-align: center;
	/*margin-bottom: 24px*/
}
app-timeline:has(.timeline:nth-child(3) > .current) + div > app-check > .title-container, app-check > h2 {
	order: -1
}

/* Ajouter une marge sous les références de bulletin */
app-check > .section-container:not(:last-child) {
	margin-bottom: 24px
}


/* CORRECTIONS CSE */

/* Uniformiser la taille des logos des listes */
.list-container .title-container img {
	width: 130px !important;
	height: 60px !important;
	max-width: 130px !important
}

/* Optimiser l'espace disponible pour le nom de la liste */
/*app-list-card .container > .title-container {
	padding: 0 0 8px !important

}
app-list-card .container > .title-container:has(img[src*=".gif"]) h3 {
	max-width: calc(100% - 130px - 16px)
}*/

/* Réduire l'espace autour des noms des candidats d'une liste et ajouter une marge à gauche de la case à cocher */
/*app-candidate-list tr[style="margin-left: 3px;"] {
	margin-left: 0 !important
}
.candidate-column {
	padding: 0 !important
}
.p-checkbox {
	margin-left: 12px;
	width: 32px
}
.candidate-column button {
	padding: .5rem .5rem .5rem 44px !important;
	margin-left: -44px;
	width: calc(100% + 44px);
	border-radius: 0;
}*/

/* Rendre les candidats non-cliquables sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .candidate-name-button {
	pointer-events: none
}

/* Rendre les candidats non-cliquables si le raturage est désactivé */
.candidate-column:first-child {
	pointer-events: none
}

/* Ajouter une marge sous "Vous avez sélectionné ..." sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .info-message {
	margin-bottom: 24px
}


/* PERSONNALISATIONS GÉNERALES FPP et CSE */

/* Restaurer l'espacement entre les caractères et entre les lignes */
* {
	line-height: revert !important;
	letter-spacing: revert !important
}

/* Retirer la marge en haut de la page de connexion */
app-auth {
	padding-top: 0px !important
}

/* Aligner verticalement le titre et la date du scrutin sur la page de connexion */
/*@media screen and (min-width: 769px) {
	app-root:has(app-auth) app-header {
		position: absolute;
		right: 0
	}
	app-auth > .container > section + section {
		margin-top: 92px
	}
	app-auth > .container > section:first-child {
		height: fit-content;
		min-height: 100vh;
		justify-content: center;
		padding-top: 5vw;
		padding-bottom: 5vw
	}
	app-auth > .container > section:first-child > .title-container {
		margin-top: 0 !important
	}
}*/

/* Masquer "Veuillez vous identifier pour accéder au vote" sur la page de connexion */
app-login > .container > small:first-child {
	display: none !important
}

/* Permettre aux textes du formulaire de connexion d'utiliser toute la largeur */
/*app-login > .container {
	max-width: unset !important
}
app-login > app-credential-form > form > label {
	width: 318px
}
app-login > app-credential-form > form > label, app-login > app-credential-form > form > p-button > button {
	margin: auto
}
app-login > app-credential-form app-link, app-login > app-credential-form > form > p-button > button {
	min-width: 318px;
	width: unset !important
}*/

/* Masquer la bannière indiquant le statut de l'ouverture du scrutin une fois connecté */
.content > app-time-left-alert {
	display: none
}

/* Masquer le bouton hamburger */
.burger-button-container {
	display: none;
}

/* Limiter la largeur de la fenêtre du remider */
app-login .p-component-overlay > .p-element {
	max-width: 48em;
	overflow: hidden
}

/* Limiter horizontalement la taille du logo de la société sur la page de connexion */
main .title-container img {
	max-width: 100%
}

/* Limiter verticalement la taille du logo de la société dans l'en-tête */
app-header .title-container img {
	max-height: 6em;
	object-fit: contain
}

/* Afficher le nom complet des sections dans le menu de gauche*/
.election .link-text{
	text-overflow: unset !important;
    white-space: normal !important;
}


/* PERSONNALISATIONS GÉNERALES FPP */

/* Mettre en gras le titre des résolutions et le décaler avec le compteur ce candidats légèrement vers le haut */
.motion > .header > .title {
	font-weight: bold !important
}
.motion > .header > .title, .count-text, .count-text-alert {
	margin-top: -.4em
}

/* Masquer "Votes exprimés x/y" sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .header > h1.title + div {
	display: none
}

/* Masquer le texte des résolutions sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .description-container {
	display: none !important
}

/* Masquer les liens vers les professions de foi et les descriptions sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .multipart-button-load {
	display: none !important
}

/* Masquer "Vous devez faire entre x et y choix." */
app-race-grouping .info-message {
	display: none
}

/* Remplacer "Votes exprimés x/y" par "x/y candidats sélectionnés" ou "x/y binômes sélectionnés" si le texte HTML de la résolution continent "binôme" */
.count-text, .count-text-alert {
	text-align: right !important;
	min-width: 6.75em
}
.count-text:first-child, .count-text-alert:first-child {
	display: none
}
.count-text + .count-text:after, .count-text-alert + .count-text-alert:after {
	content: " candidats sélectionnés"
}
app-motion:has(div[aria-label*=binôme]) .count-text + .count-text:after, app-motion:has(div[aria-label*=binôme]) .count-text-alert + .count-text-alert:after {
	content: " binômes sélectionnés"
}

/* Retirer les ombres autour des choix et reprendre le style du bouton "Accessibilité" */
.multipart-button {
	box-shadow: none !important;
	outline: 1px solid #E6E6EC;
	border-radius: 8px !important
}
.choice-button button:hover {
	background-color: rgba(9, 25, 153, 0.04) !important;
}

/* Mettre les candidats sélectionnés en rouge si le nombre maximal est dépassé */
app-motion:has(.count-text-alert) .selected-choice-button {
	--primary-color: rgb(224, 0, 30);
	--primary-color-light: rgb(255, 232, 240)
}

/* Disposer de chaque côté de l'écran le tableau contenant le nom de l'électeur et la date du vote et le formulaire pour recevoir la preuve de vote */
app-timeline:has(.timeline:nth-child(3) > .current) + div > app-check {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center
}
app-timeline:has(.timeline:nth-child(3) > .current) + div > app-check > .info-container {
	width: unset
}

/* Ajouter la phrase "Vous pouvez à présent vous déconnecter." sur la page de menu au-dessus des scrutins une fois que l'électeur à voté pour toutes les élections */
.card-container:not(:has(app-link)):before {
	content: "Vous pouvez à présent vous déconnecter.";
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em
}


/* PERSONNALISATIONS GÉNERALES CSE */

/* Masquer "Vous avez sélectionné ..." sur la page du bulletin */
app-timeline:has(.timeline:nth-child(1) > .current) + div .info-message {
	display: none
}

/* Masquer le nom de la liste et le lien vers la profession de foi sur la page de validation */
app-timeline:has(.timeline:nth-child(2) > .current) + div .title-container {
	display: none
}

/* Aligner les éléments en haut de la page */
app-vote-cse > .container {
	justify-content: flex-start !important;
}

/* Retirer les marges autour de la liste */
app-candidate-list > p-table {
	margin: 0 !important
}






/* Masquer la liste déroulante des langues */
p-select[arialabel*=".language-selector"] {
	display: none
}