/* ATTENTION. Veillez a utiliser un nom de classe significatif pour etre capable de le trouver a l'aide de la recherche d'Apex.*/



/* -------------------- */
/* --- ADMISSION MB --- */
/* -------------------- */


/* Chargement des fontes Google */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/* Variables Couleurs */

:root {

--vert_uqtr: #006534;
  --or_uqtr: #C3960F;
--noir_uqtr: #000000;

  /* interface */
           --blanc: #fff;
           --texte: #2f3032;
      --texte-pale: #5d5d6b;
       --fond_uqtr: #ededed;
        --contours: #d0d0d0;
  --contours-hover: #b1b3bb;
     --fond-region: #fafafa;
  --contour-region: #d0d0d0;
       --fond-vert: #1c7d58;
        --btn-vert: #00b979;
    --contour-vert: #14bd77;

  /* wizard */
   --wizard-txt-pale: #969ba8;
  --wizard-txt-fonce: #2f3032;
   --wizard-txt-vert: #00b979;

  /* accents */
    --gris-pale: #d4d4dc;
   --gris-fonce: #1e1e23;
    --vert-pale: #41d39a;
   --vert-pale2: #60ffc1;
         --vert: #1F845D;
   --vert-fonce: #046941;
   --vert-hover: #16c092;
        --rouge: #E3272E;
  --rouge-hover: #ff5d63;
   --jaune-pale: #ffef70;
        --jaune: #ffbc3d;
  --jaune-hover: #ffe268;

  /* Cartes */
        --c-blanc: #ededed;
  --c-blanc-hover: #fafafa;
        --c-rouge: #E0242B;
  --c-rouge-hover: #ff5d63;
         --c-noir: #2b2c2e;
   --c-noir-hover: #414346;

  /* Formulaire - Champ */
           --champ-fond: #ffffff;
        --champ-contour: #c2c9d3;
  --champ-contour-hover: #939599;
  --champ-contour-focus: #1F845D;
  /*--champ-contour-focus: #00ce7d;*/

  /* Formulaire - Radio Group */
  --btn-radio-fond: #f5f5f5;
  --btn-radio-fond-hover: #fff;
  --btn-radio-fond-focus: #00b979;
  --btn-radio-contour: #c2c9d3;
  --btn-radio-contour-focus: #00ce7d;

  /* fonds degrades */
   --degrade-vert: linear-gradient(0deg, #00cb77 0%, #237c5b 100%);
  --degrade-vert2: linear-gradient(0deg, #008d53 0%, #00cb77 100%);
}
/* Fin variables */



/* Message transaction enregistree */
.t-Alert--page.t-Alert--success {
  background-color: rgb(0 185 121 / 90%);
}

/* Ajout Nancy bouton de paiement */
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot), 
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):active, 
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot).is-active {
  background-color: var(--vert);
}
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):hover, 
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):not(:active):focus {
  background-color: var(--vert-hover);
} 


/* --- BOUTONS --- */

.t-Button.t-Button--hot {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 1.2rem 2.2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--texte);
  border-radius: 4px;
  border: 2px solid var(--contours-hover);
  background-color: var(--fond-region);
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
          box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 120ms ease-out;
          transition: all 120ms ease-out;
}
.t-Button.t-Button--hot:hover {
  color: var(--vert);
  border: 2px solid var(--vert-pale);
  -webkit-box-shadow: 0 8px 14px 0 rgba(0,0,0,0.1);
          box-shadow: 0 8px 14px 0 rgba(0,0,0,0.1);
  background-color: var(--blanc);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.t-Button.t-Button--hot:active {
  color: var(--vert);
  border: 2px solid var(--vert-pale);
  background-color: var(--blanc);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0ms ease-out;
          transition: all 0ms ease-out;
}
.t-Button.t-Button--hot:not(:active):focus {
  color: var(--blanc);
  border: 2px solid var(--vert);
  background-color: var(--vert);
}

/* Bouton vert */
.t-Button.t-Button--hot:not(.t-Button--simple) {
  color: var(--blanc);
  border: 2px solid var(--vert);
  background-color: var(--vert);
}
.t-Button.t-Button--hot:not(.t-Button--simple):hover {
  border: 2px solid var(--vert-hover);
  background-color: var(--vert-hover);
}
.t-Button.t-Button--hot:not(.t-Button--simple):active {
  border: 2px solid var(--vert-hover);
  background-color: var(--vert);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0ms ease-out;
          transition: all 0ms ease-out;
}
.t-Button.t-Button--hot:not(.t-Button--simple):not(:active):focus {
  border: 2px solid var(--vert-fonce);
  background-color: var(--vert-fonce);
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.15);
          box-shadow: 0 0 0 0 rgba(0,0,0,0.15);
}

/* Bouton Hover - Icone verte */
.t-Button--simple.t-Button--hot:hover .t-Icon,
.t-Button--simple.t-Button--hot:focus .t-Icon,
.t-Button--simple.t-Button--hot.is-active .t-Icon {
  color: var(--vert);
}


/* --- BOUTON SUIVANT --- */
button.btn_suivant {
  -webkit-transform: translate(0,0);
          transform: translate(0,0);
}
button.btn_suivant span {
  display: inline-block;
  -webkit-transition: transform 120ms ease-out;
          transition: transform 120ms ease-out;
  -webkit-transform: translate(0,0);
          transform: translate(0,0);
}
button.btn_suivant:hover span {
  -webkit-transform: translate(-10px,0);
          transform: translate(-10px,0);
}

/* Bouton Suivant - Fleche */
button.btn_suivant span::after {
  position: absolute;
  top: 50%;
  right: -22px;
  width: 16px;
  height: 16px;
  content: "";
  -webkit-transform: translate(-14px, -50%);
          transform: translate(-14px, -50%);
  opacity: 0;
  background-image: url(/apex/adma000/icones/ico-fleche-btn-suivant.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px 16px;
}
/* Animation Fleche */
button.btn_suivant:hover span::after {
  -webkit-animation: btnFlecheDroite 120ms ease-out both;
          animation: btnFlecheDroite 120ms ease-out both;
}
@keyframes btnFlecheDroite {
  0% {
      -webkit-transform: translate(-24px,-50%);
              transform: translate(-24px,-50%);
      opacity: 0;
  }
  100% {
      -webkit-transform: translate(0,-50%);
              transform: translate(0,-50%);
      opacity: 1;
  }
}


/* --- BOUTON PRECEDENT --- */
button.btn_precedent {
  -webkit-transform: translate(0,0);
          transform: translate(0,0);
}
button.btn_precedent span {
  display: inline-block;
  -webkit-transition: transform 120ms ease-out;
          transition: transform 120ms ease-out;
  -webkit-transform: translate(0,0);
          transform: translate(0,0);
}
button.btn_precedent:hover span {
  -webkit-transform: translate(10px,0);
          transform: translate(10px,0);
}

/* Bouton Precedent - Fleche */
button.btn_precedent span::before {
  position: absolute;
  top: 50%;
  left: -22px;
  width: 16px;
  height: 16px;
  content: "";
  -webkit-transform: translate(14px, -50%);
          transform: translate(14px, -50%);
  opacity: 0;
  background-image: url(/apex/adma000/icones/ico-fleche-btn-precedent.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px 16px;
}
/* Animation Fleche */
button.btn_precedent:hover span::before {
  -webkit-animation: btnFlecheGauche 120ms ease-out both;
          animation: btnFlecheGauche 120ms ease-out both;
}
@keyframes btnFlecheGauche {
  0% {
      -webkit-transform: translate(24px,-50%);
              transform: translate(24px,-50%);
      opacity: 0;
  }
  100% {
      -webkit-transform: translate(0,-50%);
              transform: translate(0,-50%);
      opacity: 1;
  }
}


/* Enlever le texte en gras */
.enlever_texte_gras {
	font-weight: normal;
}


/* Ajouté par G.V. le 18 février 2025 */
.t-Header-branding,
.t-Header-controls {
  height: 54px;
}



/* --- CONNEXION --- */


      @media only screen and (max-width: 480px) {
        html.page-101 .t-Header-branding {
          height: 48px !important;
          box-shadow: 0 2px 20px -4px rgba(0,0,0,0.1)
        }
      }



html.page-101 .t-Header-logo {
  color: var(--texte);
  font-weight: 600;
  background-color: transparent;
}
html.page-101 .t-Header-controls {
  display: none;
}
html.page-101 .t-NavigationBar-item a.t-Button.t-Button--header {
  color: var(--texte);
}
html.page-101 .t-NavigationBar-item a.t-Button.t-Button--header:hover {
  color: var(--noir);
  border-color: transparent;
  background-color: var(--fond_uqtr);
}

/*-- Ajout M-P 27 fevrier 2025 --*/
.t-Header-logo-link {display: flex;}
.t-Header-logo-link img {max-width: 106px;}
.t-Header-logo-link .apex-logo-text {white-space: normal;}


/* G.V. 18 octobre 2022. Ajout section_avis_important */
html.page-101 #section_etudiant_uqtr,
html.page-101 #section_avis_important,
html.page-101 #section_connecte_cpt_adm {
	padding: 30px;
	border: 1px solid var(--contours);
	background-color: var(--blanc);
  }
/* G.V. 18 octobre 2022. Ajout section_avis_important */
@media screen and (max-width: 480px) {
	html.page-101 #section_etudiant_uqtr,
	html.page-101 #section_avis_important,
	html.page-101 #section_connecte_cpt_adm {
	  padding: 0 0 10px;
	}
}



html.page-101 #section_etudiant_uqtr button {
  margin: 30px 0 0 !important;
}
html.page-101 .t-Region-header {
  background-color: transparent;
}
html.page-101 .t-Region-headerIcon {
  display: block;
}
html.page-101 .t-Region-title {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 22px;
  color: var(--texte);
}
html.page-101 #section_titre {
  border: none;
  background-color: initial !important;
}
html.page-101 #section_titre #section_titre_heading {
  font-size: 42px;
  line-height: 36px
}
html.page-101 #section_titre #P101_INFO_5 {
  font-size: 16px;
}
html.page-101 h2#section_ancien_dossier_heading {
  font-size: 1.65rem;
  line-height: 32px;
}
html.page-101 h2#section_ancien_dossier_heading::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  content: "";
  vertical-align: top;
  background-image: url(/apex/adma000/icones/ico-urgence.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}


      @media screen and (max-width: 480px) {
        html.page-101 h2#section_ancien_dossier_heading {
          line-height: 1.4em;
          text-align: center;
        }
        html.page-101 h2#section_ancien_dossier_heading::before {
          display: block;
          width: 48px;
          height: 48px;
          margin: 0 auto;
          background-size: 48px 48px;
        }
      }



html.page-101 #section_ancien_dossier button {
  font-weight: 700;
  text-decoration: underline;
}
html.page-101 #section_ancien_dossier button:hover {
  text-decoration: none;
}
html.page-101 .t-Region-headerItems--title {
  padding: 16px 16px 0 16px;
}
html.page-101 .t-Region-headerIcon .t-Icon {
  padding: 0;
}
html.page-101 #section_etudiant_uqtr .t-Region-headerItems {
  justify-content : center;
}
/* G.V. 18 octobre 2022 */
html.page-101 #section_avis_important .t-Region-headerItems {
  justify-content : center;
}
/* G.V. 18 octobre 2022 */
html.page-101 #section_avis_important {
  text-align: justify;
}


html.page-101 button#P101_MOT_PASSE_OUBLIE,
html.page-101 button#P101_MOT_PASSE_OUBLIE2,
html.page-101 button#P101_CONNEXION_CPA,
html.page-101 button#P101_CONNEXION_CPA1 {
  padding: 6px 0;
}
@media screen and (min-width: 640px) {
  html.page-101 button#P101_CONNEXION_CPA1 {
    display: none;
  }
}



#P101_MOT_PASSE_OUBLIE {
  text-decoration: underline;
  font-weight: 700;
}

/* G.V. 19 janvier 2022 */
#P101_RECAPTCHA {
  text-align: -webkit-center;
}

/* G.V. 19 janvier 2022 */
#P101_RECAPTCHA_error {
  color: #f44336;
  font-size: 1.1rem;
  text-align: -webkit-center;
}



/* Bouton creer un compte */
html.page-101 button#P101_CREER_COMPTE {
  padding: 6px 0;
  margin-bottom: 8px;
  margin-top: 18px !important;
  font-size: 1.8rem;
  font-weight: 700;
}

@media screen and (max-width: 480px) {
  html.page-101 button#P101_CREER_COMPTE {
    display: block;
    width: 100%;
    white-space: normal;
    line-height: 1.2em;
    text-decoration: underline;
  }
}



html.page-101 #section_etudiant_uqtr {
  text-align: center;
}

/* G.V. 18 octobre 2022 */
html.page-101 #section_avis_important_heading {
  padding-top: 10px;
  padding-left: 10px;
}



/* --- PAGE 104 et 105 --- */ 
/* reinitialisation mdp et creation de compte */
html.page-105 .t-Header-logo,
html.page-104 .t-Header-logo {
  font-weight: 600;
  color: var(--texte);
  background-color: transparent;
}
/* Texte centre dans page 104 */
html.page-104 .t-Form-inputContainer.col.col-10 {
  width: 100%;
  text-align: center;
}
html.page-104 .t-Form-itemWrapper {
  justify-content: center;
}


/* --- SOMMAIRE ET SUIVI - Pages 50 et 52 --- */
html.page-50 .t-Body-contentInner,
html.page-52 .t-Body-contentInner {
  padding-top: 20px
}
/* Header */
/*
html.page-50 .t-Header-logo,
html.page-52 .t-Header-logo {
  color: var(--texte);
  font-weight: 600;
  background-color: transparent;
}
*/
html.page-50 .t-Header-controls,
html.page-52 .t-Header-controls {
  display: none;
}

/* Header Logo */
html.page-1 .t-Header-logo,
html.page-2 .t-Header-logo,
html.page-3 .t-Header-logo,
html.page-4 .t-Header-logo,
html.page-5 .t-Header-logo,
html.page-6 .t-Header-logo,
html.page-7 .t-Header-logo,
html.page-8 .t-Header-logo,
html.page-9 .t-Header-logo {
  min-width: 360px; /*MODif par Nancy*/
}

/* Page 11 */
/* --- MODAL - SOUMISSION  --- */

#P11_TEXTE_1,
#P11_TEXTE_2 {
  font-weight : normal;
}

.p11_msg_depot {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  content: "";
  vertical-align: bottom;
  background-image: url(/apex/adma000/icones/ico-urgence.svg);
}

.modal-soumission .t-Dialog-body {
  padding: 50px;
  background-color: #ffffff;
}
.modal-soumission .t-Dialog-body p {
  font-size: 1.6rem;
}
.modal-soumission .t-Dialog-body h2,
.modal-soumission .t-Dialog-body h3,
.modal-soumission .t-Dialog-body h4 {
  font-family: "Montserrat", sans-serif;
}
.modal-soumission .t-Dialog-body h2 {
  font-weight: 700;
}
.modal-soumission .t-Dialog-body h3 {
  font-weight: 700;
}
.modal-soumission .t-Dialog-body h4 {
  margin-top: 20px;
  font-weight: 600;
}

/* Illustration de gauche */
.modal-soumission .img-modal {
  display: block;
  text-align: center;
}
.modal-soumission .img-modal img {
  max-width: 100%;
}
/* Fin page 11 */



/* Page 51 */
/* CSS Document */

/* ----- sr-only ----- */
#P51_REGION_CANADIEN .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  color: red;
  font-weight: 700;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

#P51_REGION_CANADIEN a.btn span.sr-only {
  display: block;
}

#P51_REGION_CANADIEN h1,
#P51_REGION_CANADIEN h2,
#P51_REGION_CANADIEN h4 {
  color: #3b3b56;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#P51_REGION_CANADIEN h1 {
  margin-bottom: 0;
  font-size: 3.4em;
  font-weight: 300;
  text-align: center
}
#P51_REGION_CANADIEN h1 span {
  font-weight: 800;
}
#P51_REGION_CANADIEN a.h1 {
  color: #3b3b56;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}
#P51_REGION_CANADIEN p.motclic {
  margin-top: 0;
  color: #009c79;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: 400;
  text-align: center;
  
}
#P51_REGION_CANADIEN h2 span {
  color: #009c79;
  font-size: 22px;
  font-weight: 400;
}
#P51_REGION_CANADIEN a.h1:hover {
  text-decoration: underline;
}
#P51_REGION_CANADIEN a.h1 span {
  color: #009c79;
  font-size: 16px;
  font-weight: 400;
}

#P51_REGION_CANADIEN h2 {
  margin-top: 0;
  color: #3b3b56;
  font-size: 1.6em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

#P51_REGION_CANADIEN h2 span {
  color: #009c79;
  font-size: 22px;
  font-weight: 400;
}
#P51_REGION_CANADIEN h4 {
  font-size: 18px;
}
.suivi-admission-conteneur p, .suivi-admission-conteneur li {
  color: #3b3b56;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.suivi-admission-conteneur {
  max-width: 960px;
  margin: 30px auto 0 auto;
  color: #3b3b56;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.suivi-admission-bouton-onglet {
  padding: 10px 0;
  font-size: 15px;
  font-weight: bold;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  opacity: 0.85;
  cursor: pointer;
  box-sizing: border-box;
}
/* Onglet mobiles */
.suivi-admission-conteneur > input:checked + label {
  opacity: 1;
}
/* Onglet actif */
.suivi-admission-conteneur > input#suivi-admission-onglet1 + label,
.suivi-admission-conteneur > input#suivi-admission-onglet1:hover + label,
.suivi-admission-conteneur > input#suivi-admission-onglet1:checked + label {
  color: #000;
  background-color: #28B677;
}
.suivi-admission-conteneur > input#suivi-admission-onglet2 + label,
.suivi-admission-conteneur > input#suivi-admission-onglet2:hover + label,
.suivi-admission-conteneur > input#suivi-admission-onglet2:checked + label {
  background-color: #ffdc88;
}
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet3 + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet3:hover + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet3:checked + label,
.suivi-admission-conteneur > input#suivi-admission-onglet3 + label,
.suivi-admission-conteneur > input#suivi-admission-onglet3:hover + label,
.suivi-admission-conteneur > input#suivi-admission-onglet3:checked + label {
  background-color: #d43c30;
}

.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet5 + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet5:hover + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet5:checked + label,
.suivi-admission-conteneur > input#suivi-admission-onglet4 + label,
.suivi-admission-conteneur > input#suivi-admission-onglet4:hover + label,
.suivi-admission-conteneur > input#suivi-admission-onglet4:checked + label {
  background-color: #8170D7; /* était #5d43ce */
}

.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet4 + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet4:hover + label,
.suivi-admission-conteneur.internationaux > input#suivi-admission-onglet4:checked + label {
  background-color: #006b54;
}
.suivi-admission-onglet {
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
}
.suivi-admission-conteneur > button {
  width: 100%;
  margin: 0;
  font-size: 100%;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent
}
.suivi-admission-conteneur > .suivi-admission-bouton-onglet {
  display: block;
  margin: 2px 5px 0 5px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  box-sizing: border-box;
}
.suivi-admission-conteneur > .suivi-admission-bouton-onglet:hover {
  color: #000;
  background-color: #28b677;
  opacity: 1;
}
.suivi-admission-conteneur > .suivi-admission-bouton-onglet span.suivi-admission-etape-chiffre {
  display: none;
}
.suivi-admission-conteneur > .suivi-admission-bouton-onglet span.suivi-admission-etape-titre {
  display: inline-block;
}
.suivi-admission-conteneur #suivi-admission-onglet1,
.suivi-admission-conteneur #suivi-admission-onglet2,
.suivi-admission-conteneur #suivi-admission-onglet3,
.suivi-admission-conteneur #suivi-admission-onglet4,
.suivi-admission-conteneur #suivi-admission-onglet5 {
  position: absolute;
  visibility: hidden;
}
.suivi-admission-conteneur > input:checked + label + .suivi-admission-onglet {
  display: block;
  width: 100%;
}
.suivi-admission-conteneur > input:checked + label + .suivi-admission-onglet > .suivi-admission-contenu {
  padding: 20px;
  background-color: #fdfdfd;
  border-radius: 15px;
}
.suivi-admission-conteneur.internationaux > input:checked + label + .suivi-admission-onglet > .suivi-admission-contenu.contenu4 strong {
   color: #006b54;
   font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.1em;
   font-weight: 700;
}
.suivi-admission-conteneur > .suivi-admission-onglet {
  display: none
}
/* ----- LIENS ----- */
.suivi-admission-conteneur a, .suivi-admission-conteneur a:link {
  color: #10bb78;
}
.suivi-admission-conteneur a:hover, .suivi-admission-conteneur a:focus, .suivi-admission-conteneur a:active {
  color: #00e189;
  text-decoration: none;
}
.suivi-admission-conteneur a:visited {
  color: #10bb78;
}
/* ----- BOUTONS ----- */
.suivi-admission-conteneur a.btn {
  display: inline-block;
  min-height: 24px;
  margin: 10px 15px;
  padding: 17px 36px;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: none;
  text-decoration: none !important;
  text-transform: none;
  vertical-align: baseline;
  border-radius: 8px;
  border-width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: background .2s ease, color .2s ease, box-shadow .15s ease-out;
  transition: background .2s ease, color .2s ease, box-shadow .15s ease-out;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
.suivi-admission-conteneur a.btn:hover {
  opacity: 1;
  -webkit-box-shadow: 0 12px 40px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 12px 40px -5px rgba(0, 0, 0, 0.3);
}
.suivi-admission-conteneur a.btn:active {
  -webkit-box-shadow: 0 0 0 0 rgba(69, 64, 164, 0);
  box-shadow: 0 0 0 0 rgba(69, 64, 164, 0);
}
.suivi-admission-conteneur a.btn.vert {
  margin-top: 0;
  color: #fff;
  background: #15d75a;
  background: -webkit-linear-gradient(45deg, #15d75a, #00ba76);
  background: linear-gradient(45deg, #15d75a, #00ba76);
}
.suivi-admission-conteneur a.btn.jaune {
  color: #fff;
  background: #f1c23c;
  background: -webkit-linear-gradient(45deg, #f1c23c, #28b677);
  background: linear-gradient(45deg, #f1c23c, #28b677);
}
.suivi-admission-conteneur a.btn.mauve {
  color: #fff;
  background: #f1c23c;
  background: -webkit-linear-gradient(45deg, #5247a7, #342b7d);
  background: linear-gradient(45deg, #5247a7, #342b7d);
}
  /* ----- LISTE A PUCES ----- */
.suivi-admission-conteneur ul {
  margin-bottom: 1.5em;
  list-style: none;
}
.suivi-admission-conteneur ul li {
  position: relative;
  display: table;
  padding: .32em 0;
  margin: 0;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
}
/* Niveau 2 */
.suivi-admission-conteneur ul ul {
  margin: .3em 0;
}
/* Puce par defaut */
.suivi-admission-conteneur ul li::before {
  content: '';
  position: absolute;
  top: 0.6em;
  left: -1.25em;
  display: block;
  height: 12px;
  width: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-noire.svg"); /* Puce par defaut */
}
.suivi-admission-conteneur.internationaux .suivi-admission-contenu.contenu1 ul li::before,
.suivi-admission-conteneur .suivi-admission-contenu.contenu1 ul li::before {
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-vert-pale.svg");
}
.suivi-admission-conteneur.internationaux .suivi-admission-contenu.contenu2 ul li::before,
.suivi-admission-conteneur .suivi-admission-contenu.contenu2 ul li::before {
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-jaune.svg");
}
.suivi-admission-conteneur.internationaux .suivi-admission-contenu.contenu3 ul li::before,
.suivi-admission-conteneur .suivi-admission-contenu.contenu3 ul li::before {
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-rouge.svg");
}
.suivi-admission-conteneur.internationaux .suivi-admission-contenu.contenu4 ul li::before {
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-vert-fonce.svg");
}
.suivi-admission-conteneur.internationaux .suivi-admission-contenu.contenu5 ul li::before,
.suivi-admission-conteneur .suivi-admission-contenu.contenu4 ul li::before {
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/fleche-mauve.svg");
}
/* ----------- DESKTOP ----------- */
@media only screen and (min-width: 768px) {
  .suivi-admission-conteneur {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 140px;
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ligne.svg);
    background-position: 0 35px;
    background-size: 64px 17px;
    background-repeat: repeat-x;
  }
  .suivi-admission-bouton-onglet {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
  .suivi-admission-conteneur > input:checked + label + .suivi-admission-onglet > .suivi-admission-contenu {
    margin-top: 60px;
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet {
    margin: 0 auto;
    min-width: 80px;
    height: 75px;
    color: #000;
    background-color: transparent !important;
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
  }
  .suivi-admission-conteneur .suivi-admission-bouton-onglet.onglet2 {
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape2.svg);
  }
  .suivi-admission-conteneur .suivi-admission-bouton-onglet.onglet3 {
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape3.svg);
  }
  .suivi-admission-conteneur.internationaux .suivi-admission-bouton-onglet.onglet3 {
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape3_internationaux.svg);
  }
  .suivi-admission-conteneur.internationaux .suivi-admission-bouton-onglet.onglet4 {
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape4_internationaux.svg);
  }
  .suivi-admission-conteneur .suivi-admission-bouton-onglet.onglet4,
  .suivi-admission-conteneur.internationaux .suivi-admission-bouton-onglet.onglet5 {
    background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/Adm/admission/img/ico_etape4.svg);
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet::before {
    opacity: 0.7;
  }
  .suivi-admission-conteneur > input:checked + .suivi-admission-bouton-onglet::before {
    opacity: 1;
  }
  /* Pastilles survolees ou selectionnees */
  .suivi-admission-conteneur > input:checked + label,
  .suivi-admission-conteneur > input:hover + label {
    margin: 0 auto;
    color: #000;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transform-origin: center center;
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet:hover::before,
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet:focus::before,
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet:active::before,
  .suivi-admission-conteneur > input:checked {
    opacity: 1;
  }
  .suivi-admission-conteneur > input + label {
    position: relative;
  }

  .suivi-admission-conteneur > .suivi-admission-bouton-onglet span.suivi-admission-etape-chiffre {
    display: inline-block;
    margin-top: 53px;
    margin-left: -61px;
    color: #0B995A; /* était #28B677 */
    font-size: 3em;
    font-weight: 800;
    text-shadow: 0px 3px 7px #ffffff;
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet.onglet2 span.suivi-admission-etape-chiffre {
    color: #A58113; /*était #C3960F*/
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet.onglet3 span.suivi-admission-etape-chiffre {
    color: #d43c30;
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet.onglet4 span.suivi-admission-etape-chiffre {
    color: #5d43ce;
  }
  .suivi-admission-conteneur.internationaux > .suivi-admission-bouton-onglet.onglet4 span.suivi-admission-etape-chiffre {
    color: #006b54;
  }
  .suivi-admission-conteneur.internationaux > .suivi-admission-bouton-onglet.onglet5 span.suivi-admission-etape-chiffre {
    color: #5d43ce;
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet span.suivi-admission-etape-chiffre {
  }
  .suivi-admission-conteneur > .suivi-admission-bouton-onglet span.suivi-admission-etape-titre {
  display: none;
  }
  .suivi-admission-conteneur > .suivi-admission-onglet {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
  }
}
/* Fin page 51 */




/* --- SUIVI ADMISSION - Page 52 --- */

/* Ajouté par G.V le 22 novembre 2021. Permet d'afficher P52_NOM_USAGER et P52_CONNECTION un en dessous de l'autre.*/
#P52_NOM_USAGER{
  display: block;  
}
#P52_CONNECTION {
  display: block;
}

.p52_no_ref_affichage_supprimer {
  margin-left : 12px;
  color : red;
}

#P52_AFFICHER_DEMANDE,
#P52_AFFICHER_DEMANDE_EMPLOYE,
#P52_MODIFIER_DEMANDE,
#P52_MODIFIER_DEMANDE_EMPLOYE,
#P52_SUPPRIMER_DEMANDE,
#P52_SUPPRIMER_DEMANDE_EMPLOYE {
  font-weight: 600;
  letter-spacing: 0.05em;
}

.p52_programme_decision  {
  margin-top : 12px;
  display: inline-block;
}

.p52_programme_decision_titre {
  margin-right: 4px;
  font-size: 1.7rem;
  font-weight: 700;
}

/* Ajouté par G.V le 21 septembre 2021. */
.p52_pgm_decision_texte_en_attente {
  color: var(--rouge);
  font-weight: bold;
}

a.p52_decision_lien {
  font-weight: 600;
  font-size: 1.7rem;
}


.p52_refuser_lien,
.p52_refuser_lien_employe {
  display: block;
  margin-top: 5px;
  font-weight: 500;
}



html.page-52 {
  font-family: "Montserrat", sans-serif;

}
/* Ajusté par G.V le 7 septembre. Ajouter du padding en haut et en bas pour que le texte soit de la même hauteur que les boutons. */
html.page-52 #P52_TITRE_INFORMATION {
  display: inline-block;
  margin: 10px 14px 10px 0;
  font-size: 3.4rem;
  letter-spacing: -0.02em;
  vertical-align: middle;
  font-weight: 700;
  color: var(--texte);
  font-family: "Montserrat", sans-serif;
}

/* Bouton (lien) - Demande a completer - Paiement */
html.page-52 a#P52_TITRE_INFORMATION_LIEN_NO_PAGE_A_AFFICHER,
html.page-52 #P52_PAIEMENT_BOUTON,
html.page-52 #P52_DEPOSER_BOUTON,
html.page-52 #P52_REPORT_SESSION,
html.page-52 #P52_REPORT_SESSION_PERSONNEL {
  display: inline-block;
  margin: 4px 0;
  padding: 0.77rem 1.5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.15rem;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.5em;
  color: var(--blanc);
  border-radius: 4px;
  box-shadow: none !important;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
html.page-52 a#P52_TITRE_INFORMATION_LIEN_NO_PAGE_A_AFFICHER {
  margin: 10px 0;
  display: block;
  border: 1px solid var(--vert);
  background-color: var(--vert);
}
html.page-52 a#P52_TITRE_INFORMATION_LIEN_NO_PAGE_A_AFFICHER:hover {
  border: 1px solid var(--vert-hover);
  background-color: var(--vert-hover);
}
html.page-52 #P52_PAIEMENT_BOUTON {
  border: 1px solid var(--rouge);
  background-color: var(--rouge);
}
html.page-52 #P52_PAIEMENT_BOUTON:hover {
  border: 1px solid var(--rouge-hover);
  background-color: var(--rouge-hover);
}
html.page-52 #P52_BUTTON_INSCRIPTION,
html.page-52 #P52_DEPOSER_BOUTON,
html.page-52 #P52_REPORT_SESSION,
html.page-52 #P52_REPORT_SESSION_PERSONNEL {
  margin: 0 2px 0 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.4em;
  color: var(--noir_uqtr);
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid var(--jaune);
  background-color: var(--jaune);
}
html.page-52 #P52_BUTTON_INSCRIPTION:hover,
html.page-52 #P52_DEPOSER_BOUTON:hover,
html.page-52 #P52_REPORT_SESSION:hover,
html.page-52 #P52_REPORT_SESSION_PERSONNEL:hover {
  border: 1px solid var(--jaune-hover);
  background-color: var(--jaune-hover);
}
html.page-52 #P52_BUTTON_INSCRIPTION {
  margin: 18px 2px 0 0;
  text-transform: uppercase;
}
html.page-52 .p52_button_inscription_contingente {
  font-weight : normal;
  font-size: 1rem;
}
html.page-52 .p52_button_inscription_information ul {
  margin: .2rem 3.2rem;
}
html.page-52 #P52_REPORT_SESSION,
html.page-52 #P52_REPORT_SESSION_PERSONNEL {
  margin: 16px 2px 0 0;
}
/* Fin boutons */


/* Calendrier Inscription */
html.page-52 .p52_lien_inscription a {
  display: inline-block;
  margin: 16px 0 0;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}
html.page-52 .p52_lien_inscription a:hover {
  text-decoration: none;
}

html.page-52 #P52_ANNEE_SESSION {
  color: var(--texte);
  font-size: 1.76rem;
}
html.page-52 #P52_NO_REF_AFFICHAGE,
html.page-52 #P52_DATE_DEMANDE,
html.page-52 #P52_COURRIEL {
  font-weight: 500;
}

/* Paiement */
html.page-52 #P52_PAIEMENT {
  padding-left : 5px;
}
html.page-52 .p52_texte_paiement {
  font-weight: 700;
}

/* Taille du texte */
html.page-52 .p52_texte_identique {
  font-size: 11px;
  font-weight: bold;
}
/* Couleur icone */
html.page-52 #P52_PAIEMENT .icone_paiment {
  color : var(--vert);
  vertical-align: middle;
}

/* Boites Messages */
html.page-52 .p52_message_refus {
  font-weight: 600;
}

html.page-52 .p52_message_refus_note {
  padding: 4px;
  font-size: 1.3rem;
  font-style : italic;
  font-weight: 400;
}

html.page-52 .p52_message_important,
html.page-52 .p52_message_avertissement {
  padding: 4px 0;
}
html.page-52 .p52_message_important {
  color : var(--rouge-hover);
}
html.page-52 .p52_message_important a {
  text-decoration: underline;
  font-weight: 500;
  color : var(--rouge);
}
html.page-52 .p52_message_avertissement {
  display: block;
  margin: 20px 0;
  padding: 20px;
  color: var(--rouge);
  font-weight: 700;
  border-radius: 15px;
  background-color: var(--blanc);
}
html.page-52 .p52_message_avertissement ol li {
  margin: 6px 0;
  font-size: 1.54rem;
  line-height: 1.44em;
  font-weight: 700;
  color: var(--texte);
}
/* Message avertisssment */
html.page-52 .p52_message_avertissement_note {
  font-size: 1.3rem;
  font-style : italic;
  font-weight: 400;
}


/* Programme choisi */
html.page-52 .p52_programme_section {
  padding: 16px;
  margin: 10px 0;
  border-radius: 4px;
  border: 1px solid var(--contours);
  background-color : var(--fond_uqtr);
}
html.page-52 .p52_programme_div {

}
html.page-52 .p52_programme_pgm {
  color: var(--texte);
  font-size: 1.5rem;
  font-weight: 700;
}


#P52_COMPLEMENT_INFORMATION .p52_titre_complement_information {
  display: block;
  margin-top: 20px;
  font-weight: 700;
}


/* Pieces a fournir */
.p52_titre_piece_fournir {
  display: inline-block;
  margin: 16px 12px 0 0;
  font-weight: bold;
}

/* Pieces a fournir - Tableau */
.p52_tab_piece_fournir {
  margin: 20px 0;
  border: 1px solid var(--contours);
  border-collapse: collapse;
}
.p52_tab_piece_fournir tbody {
  display: table-row-group;
}
.p52_tab_piece_fournir thead {
  position: relative;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}
.p52_tab_piece_fournir th,
.p52_tab_piece_fournir td {
  display: table-cell;
  border-right: 1px solid var(--contours);
  padding: 6px 5px;
}
.p52_tab_piece_fournir tr {
  display: table-row;
}
.p52_tab_piece_fournir tbody td {
  text-align: left;
}
.p52_tab_piece_fournir tbody td[data-title]::before {
  content: none;
}
.p52_tab_piece_fournir tr:nth-child(even) {
  background-color: #f2f2f2;
}
.p52_tab_piece_fournir .col_reception,
.p52_tab_piece_fournir .col_code  {
  text-align: center;
}
.p52_tab_piece_fournir .col_date_limite,
.p52_tab_piece_fournir .col_recue {
  text-align: center;
  white-space : nowrap;
}
/* Ajouté par G.V le 28 septembre 2021. */
.p52_tab_piece_fournir .ligne_pgm {
  font-weight : 500;
}
/* Ajouté par G.V le 28 septembre 2021. */
.ligne_pgm {
  border: 1px solid var(--contours);
}
/* Ajouté par G.V le 29 septembre 2021. */
.p52_nom_pgm {
  font-weight : 500;
}
/* Ajouté par G.V le 29 septembre 2021. */
.p52_section_piece {
  padding-bottom: 10px;
}
/* Ajouté par G.V le 29 septembre 2021. */
.p52_section_piece:nth-child(odd) {
  background-color: #f2f2f2;
}

/* Pieces a fournir - Mobile */
@media (max-width: 860px) {

  .p52_tab_piece_fournir {
    border: none;
  }
  .p52_tab_piece_fournir thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  .p52_tab_piece_fournir tbody,
  .p52_tab_piece_fournir tr,
  .p52_tab_piece_fournir th,
  .p52_tab_piece_fournir td {
    display: block;
    clear: both;
    white-space: normal;
  }
  .p52_tab_piece_fournir th,
  .p52_tab_piece_fournir td {
    padding: 6px;
    border-right: none;
    border-bottom: 1px solid var(--contours);
  }
  .p52_tab_piece_fournir tr {
    margin-top: 20px;
    border: 1px solid var(--contours);
  }
  .p52_tab_piece_fournir:last-child tr {
    border-bottom: none;
  }
  .p52_tab_piece_fournir tr:nth-child(even) {
    background-color: inherit;
  }
  .p52_tab_piece_fournir .col_reception,
  .p52_tab_piece_fournir .col_code,
  .p52_tab_piece_fournir .col_date_limite,
  .p52_tab_piece_fournir .col_recue {
    text-align: left;
    white-space : normal;
  }
  /* Ajouté ligne_pgm par G.V le 28 septembre 2021. */
  .p52_tab_piece_fournir .col_reception,
  .p52_tab_piece_fournir .ligne_pgm  {
    background-color: var(--fond_uqtr);
  }
  .p52_tab_piece_fournir tbody td  {
    display: flex;
    align-items: center;
  }
  .p52_tab_piece_fournir tbody td[data-title]::before {
    content: attr(data-title);
    display: block;
    align-self: stretch;
    min-width: 84px;
    padding: 0 6px;
    margin-right: 10px;
    font-weight: 600;
    text-align: right;
  }
}



/* Autres pièces déposées */
.p52_titre_autre_piece_depose {
  display: inline-block;
  margin: 16px 12px 0 0;
  font-weight: bold;
}

/* Pieces a fournir - Tableau */
.p52_tab_autre_piece_depose {
  margin: 10px 0;
  border: 1px solid var(--contours);
  border-collapse: collapse;
  width: 100%;
}
.p52_tab_autre_piece_depose tbody {
  display: table-row-group;
}
.p52_tab_autre_piece_depose thead {
  position: relative;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}
.p52_tab_autre_piece_depose th,
.p52_tab_autre_piece_depose td {
  display: table-cell;
  border-right: 1px solid var(--contours);
  padding: 6px 5px;
}
.p52_tab_autre_piece_depose tr {
  display: table-row;
}
.p52_tab_autre_piece_depose tbody td {
  text-align: left;
}
.p52_tab_autre_piece_depose tbody td[data-title]::before {
  content: none;
}
.p52_tab_autre_piece_depose tr:nth-child(even) {
  background-color: #f2f2f2;
}
.p52_tab_autre_piece_depose .col_reception {
  text-align: center;
  width: 10%;
}
.p52_tab_autre_piece_depose .col_recue {
  text-align: center;
  white-space : nowrap;
  width: 10%;
}


/* Pieces a fournir - Mobile */
@media (max-width: 860px) {

  .p52_tab_autre_piece_depose {
    border: none;
  }
  .p52_tab_autre_piece_depose thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  .p52_tab_autre_piece_depose tbody,
  .p52_tab_autre_piece_depose tr,
  .p52_tab_autre_piece_depose th,
  .p52_tab_autre_piece_depose td {
    display: block;
    clear: both;
    white-space: normal;
  }
  .p52_tab_autre_piece_depose th,
  .p52_tab_autre_piece_depose td {
    padding: 6px;
    border-right: none;
    border-bottom: 1px solid var(--contours);
  }
  .p52_tab_autre_piece_depose tr {
    margin-top: 20px;
    border: 1px solid var(--contours);
  }
  .p52_tab_autre_piece_depose:last-child tr {
    border-bottom: none;
  }
  .p52_tab_autre_piece_depose tr:nth-child(even) {
    background-color: inherit;
  }
  .p52_tab_autre_piece_depose .col_reception,
  .p52_tab_autre_piece_depose .col_recue {
    text-align: left;
    white-space : normal;
	width: 100%;
  }
  .p52_tab_autre_piece_depose .col_reception {
    background-color: var(--fond_uqtr);
  }
  .p52_tab_autre_piece_depose tbody td  {
    display: flex;
    align-items: center;
  }
  .p52_tab_autre_piece_depose tbody td[data-title]::before {
    content: attr(data-title);
    display: block;
    align-self: stretch;
    min-width: 84px;
    padding: 0 6px;
    margin-right: 10px;
    font-weight: 600;
    text-align: right;
  }
}





/* Message - Aucune piece à fournir  */
.p52_msg_aucune_piece {
  display: inline-block;
  margin-left: 16px;
}
/* Ajusté par G.V le 29 septembre 2021. Changé de 10px à 5 px.*/
.p52_desc_piece_admi,
.p52_texte_piece_admi,
.p52_desc_piece,
.p52_nom_pgm {
  padding-bottom: 5px;
}
/* Couleur de fond */
.p52_section_piece {
  background-color: var(--blanc);
}


/* Page 52 mobile */
@media screen and (max-width: 480px) {
  html.page-52 #P52_TITRE_INFORMATION {
    display: block;
    margin: 0 0 10px;
    line-height: normal;
  }
}




/* FIN SUIVI - page 52 */






/* --- SOMMAIRE ADMISSION - Page 50 --- */

/* Ajouté par G.V le 23 novembre 2021. Permet d'afficher le bouton P50_NOUVELLE_DA à droite du nom.*/
#P50_NOM_USAGER_CONNECTION {
  display: inline-block;
  margin-right: 20px;
}
#P50_NOM_USAGER {
  display: block;
  margin-top: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--texte);
  letter-spacing: -0.01em;
}
#P50_CONNECTION {
  display: block;
  margin-top: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.35rem;
  color: var(--texte);
}
/* Ajouté par G.V le 23 novembre 2021. Ajuster le bouton slon différente grandeur de l'écran.*/
#P50_NOUVELLE_DA {
  vertical-align: top;
  width: 100%;
  max-width: fit-content;
}
/* Ajouté par G.V le 23 novembre 2021. Aligner le texte du bouton avec l'icône.*/
#P50_NOUVELLE_DA .t-Button-label {
  vertical-align : sub;
}
/* Page 50 - Badges / Boutons */
.t-BadgeList--dash .t-BadgeList-wrap {
  padding: 0;
}
/* Padding sera sur le a */
.p50_badge .t-BadgeList-item {
  width: 200px;
  margin: 4px;
  padding: 0;
  text-align: center;
}
.p50_badge .t-BadgeList-item *:active,
.p50_badge .t-BadgeList-item *:focus-within {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.p50_badge .t-BadgeList-item::after,
.p50_badge .t-BadgeList-item::before {
  background-color: rgba(0, 0, 0, 0);
}
.p50_badge .t-BadgeList-item a {
  margin: 0 0 8px 0;
  padding: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 1.4rem;
  color: var(--texte-pale);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 4px;
  border: 1px solid var(--contours);
  background-color: var(--blanc);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 120ms ease-out;
          transition: all 120ms ease-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p50_badge .t-BadgeList-item a:hover {
  color: var(--gris-fonce);
  border: 1px solid var(--vert-pale);
  -webkit-box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.p50_badge .t-BadgeList-item a:active {
  outline: none;
  border: 1px solid var(--vert-pale);
  box-shadow: none;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p50_badge .t-BadgeList-item a:focus {
  border-radius: 4px;
  border: 1px solid var(--vert-fonce);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
/* Badge active */
.p50_badge .t-BadgeList-item a.p50_badge_actif {
  color: var(--blanc);
  background-color: var(--vert);
}

/* BADGE DESKTOP */
@media only screen and (min-width: 1024px) {
    .p50_badge .t-BadgeList-item {
      flex-grow: inherit;
    }
}





/* --- CARTES --- */
/* Marges au dessus des cartes */
html.page-50 .p50_section_gauche .container .row:nth-child(3)  {
  margin-top: 20px
}
html.page-50 .p50_section_gauche .container .row:nth-child(3) .col {
  padding: 0;
}


/* Carte avec une icone */
.t-Cards-item .t-Card {
  margin: 10px;
  border-radius: 8px 0;
  box-shadow: none;
  border: 1px solid var(--contours);
  /* background-color: var(--fond-region); */
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  overflow: hidden;
}
/* Hover des cartes */
.t-Cards-item .t-Card:hover .t-Card-colorFill::before {
  opacity: 0;
}
.t-Cards-item .t-Card:hover {
  border: 1px solid var(--contours-hover);
  background-color: var(--blanc);
  box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.08);
}
.t-Cards-item .t-Card .t-Card-wrap {
  border-radius: 8px 0;
  background-color: inherit;
  border: none;
  box-shadow: none !important;
  overflow: hidden;
}
.t-Cards-item .t-Card .t-Card-wrap:focus {
    border: 1px solid var(--vert) ;
}
.t-Cards-item .t-Card-titleWrap {
  display: block;
  padding: 0;
  min-height: inherit;
  box-shadow: none;
  border-bottom: 1px solid var(--contours);
}
.t-Cards-item h3.t-Card-title {
  display: flex;
  height: 100%;
  font-size: 1.32rem;
  line-height: 1.2em;
  margin: 0;
  font-weight: 500;
}

/* Carte gauche et droite */
.p50_carte_gauche ,
.p50_carte_droite {
  width: 50%;
  padding: 14px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: all 150ms ease-out;
          transition: all 150ms ease-out;
}
/* Carte gauche - Status de base */
.p50_carte_gauche {
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color : var(--blanc);
}
/* Hover */
.t-Cards-item .t-Card:hover .p50_carte_gauche {
  background-color : var(--c-blanc-hover);
}
/* Status - Icone */
.p50_carte_gauche.fa::before {
  margin-right: 8px;
}
/* Couleur - Date limite */
.p50_carte_gauche.p50_msg_date_limite_depasse {
  background-color : var(--c-noir);
}
/* Hover */
.t-Cards-item .t-Card:hover .p50_carte_gauche.p50_msg_date_limite_depasse {
  background-color : var(--c-noir-hover);
}
/* Couleur - A completer */
.p50_carte_gauche.p50_msg_a_complete {
  background-color : var(--c-rouge);
}
/* Hover */
.t-Card:hover .p50_carte_gauche.p50_msg_a_complete {
  background-color : var(--c-rouge-hover);
}
/* Couleur - Paiement requis */
.p50_carte_gauche.p50_msg_paiement_requis {
  background-color : var(--c-rouge);
}
/* Hover */
.t-Card:hover .p50_carte_gauche.p50_msg_paiement_requis {
  background-color : var(--c-rouge-hover);
}
/* Couleur - Pieces requises */
.p50_carte_gauche.p50_msg_piece_requise {
  background-color : var(--c-rouge);
}
/* Hover */
.t-Card:hover .p50_carte_gauche.p50_msg_piece_requise {
  background-color : var(--c-rouge-hover);
}


/* Carte droite - References */
.p50_carte_droite {
  text-align: right;
  color : var(--texte-);
  background-color: var(--c-blanc);
}
/* Hover */
.t-Card:hover .p50_carte_droite {
  background-color : var(--c-blanc-hover);
}
/* Date cree le */
.p50_carte_droite .p50_cree_le {
  font-size: 1.25rem;
}
.p50_carte_droite .p50_no_ref {
  font-size: 1.5rem;
  font-weight: 700;
}
/* Programmes */
.t-Card-body {
  font-family: "Montserrat", sans-serif;
}
.t-Card-body .p50_txt_pgm,
.t-Card-body .p50_txt_pgm_manquant,
.t-Card-body .p50_txt_decision {
  display: block;
  color: var(--texte);
}
.t-Card-body br {
  display: none;
}
.t-Card-body .p50_txt_pgm,
.t-Card-body .p50_txt_pgm_manquant {
  margin: 8px 0;
  font-size: 1.56rem;
  letter-spacing: -0.015em;
  font-weight: 600;
}
/* Decision */
.t-Card-body .p50_txt_decision {
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 16px;
}
.t-Card-body .p50_txt_decision span.p50_icone_decision {
  margin-right: 3px;
}

.t-Card-body hr {
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  margin: 16px 0;
  border: none;
  background-color: var(--contours)
}

/* Cartes juste pour la page 8 */
html.page-8 .u-color-4 {
  background-color: transparent !important;
}
html.page-8 .t-Cards-item .t-Card {
  border-radius: 4px;
}
html.page-8 .t-Cards-item .t-Card-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}
html.page-8 .t-Cards-item .t-Card-titleWrap {
  padding: 5px;
}
html.page-8 .t-Cards-item h4.t-Card-subtitle,
html.page-8 .t-Cards-item .t-Card-desc,
html.page-8 .t-Cards-item .t-Card-info {
  margin: 6px 0 2px;
  font-family: "Segoe UI",sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--texte);
}
html.page-8 .t-Cards-item .t-Card-info {
  font-size: 1.3rem;
  margin-top: 8px;
}


/* --- CARTES - MOBILE --- */
@media only screen and (max-width: 1024px) {
    .t-Cards--cols .t-Cards-item {
      width: 100%;
    }
}






/* ----------- SOMMAIRE DESKTOP ----------- */
@media only screen and (min-width: 1024px) {
  /* Largeur pour la section de gauche */
  .p50_section_gauche {
    width : 75%;
  }
  /* Largeur pour la section de droite */
  .p50_section_droite {
    width : 25%;
  }
}

/* FIN SOMMAIRE - Page 50 */









/* --- ETAPES --- */
.t-Region#P50_VOIR_LES_ETAPES {
  padding: 20px 20px 10px;
  background-image: var(--degrade-vert2);
}
#P50_VOIR_LES_ETAPES.t-Region .t-Region-body {
  height: 200px;
  border: none;
  background-image: url(/apex/adma000/images/img-etapes.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#P50_VOIR_LES_ETAPES .t-Region-buttons {
  text-align: center;
}
#P50_VOIR_LES_ETAPES .t-Region-buttons .t-Region-buttons-left {
  float: none;
  padding: 0;
}
#P50_VOIR_LES_ETAPES button.t-Button {
  margin: 10px 0 20px 0;
  padding: 1.4rem 1.6rem;
  color: var(--vert);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  white-space: normal;
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid transparent;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  background-color: var(--blanc);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#P50_VOIR_LES_ETAPES button.t-Button:hover {
  color: var(--vert-pale);
  border: 2px solid var(--vert-pale);
  background-color: var(--blanc);
  outline: none;
  box-shadow: 0 5px 25px -3px rgba(0, 96, 63, 1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
#P50_VOIR_LES_ETAPES button.t-Button:active {
  outline: none;
  border: 2px solid var(--vert-pale);
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -webkit-transition-duration: 30ms;
          transition-duration: 30ms;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}


/* --- ETAPES - MOBILE --- */
@media only screen and (max-width: 567px) {
    #P50_VOIR_LES_ETAPES.t-Region .t-Region-body {
      height: 180px !important;
    }
}





/* --- Liens Utiles - Pied de page --- */
#p50_piedpage {
  margin: 0 auto;
  line-height: normal;
  overflow: hidden;
}
#p50_zonepiedpage {
  padding: 10px 0;
  clear: both;
}
#p50_piedpage h6 {
  margin: 6px 0 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.24em;
  font-weight: 600;
  line-height: 1em;
  color: var(--texte-pale);
}
/* Liste */
#p50_zonepiedpage .info_liens_utiles ul {
  list-style-image: url(/apex/adma000/icones/puce-cercle-gris.svg);
}
#p50_zonepiedpage .info_liens_utiles ul li {
  padding-left: 2px;
}
#p50_zonepiedpage .info_liens_utiles ul li a {
  display: block;
  padding: 0.36em 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.35rem;
  color: var(--texte);
  -webkit-transition: color 100ms ease-out;
          transition: color 100ms ease-out;
}
#p50_zonepiedpage .info_liens_utiles ul li a:hover {
  color: var(--vert-hover);
  text-decoration: underline;
}

#p50_piedpage br {
  display: block;
  content: " ";
  margin-bottom: 4px;
}




/* Fin Sommaire */









/* Main */
body {
  background-color: #fcfcfc;
}
.t-Body-contentInner {
  padding: 4px 16px 16px;
}

/* Header */
.t-Header-navBar {
  position: absolute;
  right: 0;
}
.t-Header-logo {
  min-width: 360px; /*Modif par Nancy était max */
  padding: 8px 0;
  color: #fff;
  background-color: var(--fond-vert);
}
.t-Header-controls {
  margin-left: 0;
  padding: 8px 0 8px 8px;
  background-color: var(--fond-vert);
}
.t-Header-logo,
.t-Header .t-Header-controls .t-Button--header.is-active,
.t-Header .t-Header-controls .t-Button--header {
  color: var(--blanc);
}
.t-Button.t-Button--header.is-active {
  background-color: rgba(0, 0, 0, 0);
}



/* Header - Navigation Bar */

.t-NavigationBar-item a.t-Button.t-Button--header {
  margin-right: 8px;
  color:var(--blanc);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.01em;
  border-radius: 3px;
  border: 1px solid transparent;
  box-shadow: none;
  overflow: hidden;
  -webkit-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
}
.t-NavigationBar-item a.t-Button.t-Button--header:hover {
  /*color: var(--gris-fonce);*/
  border: 1px solid var(--vert-pale);
  background-color: var(--vert-fonce);
  box-shadow: none !important;
}
.t-NavigationBar-item a.t-Button.t-Button--header:active {
  border: 1px solid var(--vert-pale);
}
/* Icones */
.fa-server::before,
.fa-sign-out::before,
.fa-plus-square-o::before,
.fa-industry::before,
.fa-box-arrow-in-west::before,
.fa-trash-o::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.fa-sign-out::before {
   /* G.V. changé le 1 septembre */
   /* background-image: url(/apex/adma000/icones/ico-connexion-uqtr.svg); */
  background-image: url(/apex/adma000/icones/ico-deconnexion.svg);
}
.fa-server::before {
  background-image: url(/apex/adma000/icones/ico-sommaire.svg);
}
.fa-plus-square-o::before {
  background-image: url(/apex/adma000/icones/ico-plus.svg);
}
.fa-industry::before {
  background-image: url(/apex/adma000/icones/ico-programmes.svg);
}
.fa-box-arrow-in-west::before {
  background-image: url(/apex/adma000/icones/ico-retour.svg);
}
.fa-trash-o::before {
  background-image: url(/apex/adma000/icones/ico-suppression.svg);
}
/* Poubelle plus petite pour la page 52 */
html.page-52 .fa-trash-o::before {
  width: inherit;
  height: inherit;
  content: "\f014";
  background-image: none;
}




/* 16 x 16 */
.fa-clock-o::before,
.fa-check-circle-o::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.fa-clock-o::before {
  background-image: url(/apex/adma000/icones/ico-cadran.svg);
}
.fa-check-circle-o::before {
  background-image: url(/apex/adma000/icones/ico-crochet-vert-02.svg);
}



/* --- HEADER MOBILE --- */

@media only screen and (max-width: 960px) {
  
    .t-Header-branding {
      overflow: inherit;
      display: block;
      height: inherit !important;
    }
    .t-Header-logo {
      flex-grow: 1;
      overflow: inherit;
      display: block;
      min-width: 100%;
      clear: both;
      margin-right: 0;
    }
    .t-Header-navBar {
      display: block;
      position: relative;
      clear: both;
      width: 100%;
      padding: 4px 16px;
      text-align: left;
      box-shadow: 0 5px 20px -5px rgb(34 34 34 / 20%);
    }
    .t-NavigationBar-item a.t-Button.t-Button--header {
      margin-right: 8px;
      color: var(--vert-fonce);
      font-weight: 600;
      font-size: 1.35rem;
      border: 2px solid transparent;
    }
    .t-NavigationBar-item a.t-Button.t-Button--header:hover {
      background-color: var(--blanc);
      border: 2px solid var(--vert-pale);
    }
}





/* Wizzard */
.t-Wizard {
  max-width: inherit;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
/* Wizzard Message */
.t-Wizard .p0_wizard_msg {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 1.4rem;
  text-align: center;
  color: var(--blanc);
  border-radius: 3px;
  background-color: var(--rouge-hover);
}
.t-Wizard .p0_wizard_msg a {
  color: #fff;
  text-decoration: underline;
}
.t-Wizard .p0_wizard_msg:empty {
  background-color: transparent;
}
.t-Wizard .t-Wizard-header {
  background-color: transparent;
  border-color: transparent;
}
.t-Wizard .t-Wizard-body,
.t-Wizard .t-Wizard-controls {
  padding:8px 16px;
}
/* Ligne horizontale */
.t-WizardSteps-step .t-WizardSteps-wrap::after {
  background-color: var(--vert-pale);
}
/* Wizzard - Points */
.t-WizardSteps-step .t-WizardSteps-marker {
  border: 1px solid var(--vert-pale);
  background-color: var(--blanc);
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.t-WizardSteps-step.is-active .t-WizardSteps-marker {
  border: 2px solid var(--vert-pale);
  background-color: var(--vert);
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
/* Hover sur les points et chiffres */
.t-WizardSteps-step .t-WizardSteps-wrap .t-WizardSteps-marker,
.t-WizardSteps-step .t-WizardSteps-wrap .t-WizardSteps-label .fa  {
  -webkit-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
}
.t-WizardSteps-step:not(.is-active) .t-WizardSteps-wrap:hover .t-WizardSteps-marker {
  -webkit-transform: scale(1.8);
          transform: scale(1.8);
}
.t-WizardSteps-step:not(.is-active) .t-WizardSteps-wrap:hover .t-WizardSteps-label .fa {
  color: var(--wizard-txt-fonce);
}

/* Wizzard - Points Completes */
.t-WizardSteps-step.is-complete .t-WizardSteps-marker {
  border: 2px solid var(--vert-pale);
  background-color: var(--vert);
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.t-WizardSteps-step.is-complete .t-WizardSteps-marker::before {
  font-size: 9px;
  font-weight: 700 !important;
  vertical-align: top;
  line-height: 1.5em;
}
/* Hover */
.t-WizardSteps-step.is-complete .t-WizardSteps-wrap:hover .t-WizardSteps-marker {
  -webkit-transform: scale(1.65);
          transform: scale(1.65);
}




/* Chiffres (labels) */
.t-WizardSteps-label .fa {
  font-weight: 600;
  font-size: 14px;
  color: var(--wizard-txt-pale);
}
.t-WizardSteps-label .fa-number-1-o::before,
.t-WizardSteps-label .fa-number-2-o::before,
.t-WizardSteps-label .fa-number-3-o::before,
.t-WizardSteps-label .fa-number-4-o::before,
.t-WizardSteps-label .fa-number-5-o::before {
  font-family: "Open Sans", sans-serif !important;
}
.t-WizardSteps-label .fa-number-1-o::before {
  content: "1";
}
.t-WizardSteps-label .fa-number-2-o::before {
  content: "2";
}
.t-WizardSteps-label .fa-number-3-o::before {
  content: "3";
}
.t-WizardSteps-label .fa-number-4-o::before {
  content: "4";
}
.t-WizardSteps-label .fa-number-5-o::before {
  content: "5";
}
/* Chiffre actif */
.t-WizardSteps-step.is-active .t-WizardSteps-label .fa {
  font-weight: 700;
  color: var(--wizard-txt-vert);
}








/* --- NAVIGATION - MENU --- */

span.fa.aucun {
  display: none;
}
.t-TreeNav {
  padding-top: 30px;
  background-image: var(--degrade-vert);
}
.t-Body-nav {
  width: 400px;
  font-family: "Montserrat", sans-serif;
}
.a-TreeView-node {
  padding: 0;
  margin: 0;
  -webkit-transition: all 150ms ease-out;
          transition: all 150ms ease-out;
}
.t-PageBody--leftNav .t-Body-nav {
  border-right: none;
}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .a-TreeView-label {
  line-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.075em;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row {
  -webkit-transition: all 150ms ease-out;
          transition: all 150ms ease-out;
}
.t-TreeNav .a-TreeView-node--topLevel>ul>.a-TreeView-node {
  padding-left: 0;
}
.t-TreeNav .a-TreeView-node--topLevel {
  padding: 0 24px;
  border-bottom: 1px solid var(--contour-vert);
}
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible  {
  background-color: rgba(0,0,0,0.3);
}
.t-TreeNav .a-TreeView-node--topLevel>ul {
  padding: 10px 0;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected {
  background-color: transparent;
}
.t-TreeNav .a-TreeView-node .a-TreeView-content {
  -webkit-transition: all 150ms ease-out;
          transition: all 150ms ease-out;
}
.t-TreeNav .a-TreeView-node .a-TreeView-content.is-selected > a {
  color: #60ffc1;
}
.t-TreeNav .a-TreeView-node .a-TreeView-content.is-hover {
  color: var(--vert-pale2) !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible > .a-TreeView-row,
.t-TreeNav .a-TreeView-node--topLevel ul {
  background-color: transparent;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
  background-color: inherit !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
  background-color: transparent !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-focused {
  box-shadow: inherit;
}


/* Fleches menu */
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle {
  width: 20px;
  color: var(--blanc);
  -webkit-transition: all 120ms ease-out;
          transition: all 120ms ease-out;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle::before {
  font-size: 20px;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle:hover {
  color: var(--blanc) !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover + .a-TreeView-toggle:hover,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-toggle:hover {
  color: var(--vert-pale2) !important;
}
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-toggle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}



/* MENU - Collapsed */

/*
.js-navCollapsed .t-Header-logo {
  color: var(--texte);
  background-color: inherit;
}
*/
.js-navCollapsed .t-Header-controls {
  padding: 8px;
}



.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0;
  background-color: #1c7d58;
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel:hover {
  background-color: #02c474;
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content {
  display: block;
  width: 48px;
  height: 48px;
  overflow: inherit;
  line-height: inherit;
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content a {
  cursor: pointer;
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa {
  display: block;
  margin: 0;
  width: 48px;
  height: 48px;
  line-height: inherit;
  vertical-align: inherit;
  background-color: transparent;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa.menu_etape_1 {
  background-image: url(/apex/adma000/icones/ico-nav-etape-01.svg);
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa.menu_etape_2 {
  background-image: url(/apex/adma000/icones/ico-nav-etape-02.svg);
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa.menu_etape_3 {
  background-image: url(/apex/adma000/icones/ico-nav-etape-03.svg);
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa.menu_etape_4 {
  background-image: url(/apex/adma000/icones/ico-nav-etape-04.svg);
}
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa.menu_etape_5 {
  background-image: url(/apex/adma000/icones/ico-nav-etape-05.svg);
}








/* Navigation - Niveau 2 */
.a-TreeView-node.a-TreeView-node--leaf .a-TreeView-label,
.t-TreeNav .a-TreeView-content.is-selected.is-current a.a-TreeView-label {
  display: block;
  width: 100%;
  padding: 10px 6px;
  margin: 2px 0;
  font-size: 1.58rem;
  font-weight: 500;
  color: var(--jaune-pale);
  letter-spacing: 0.01em;
  line-height: 1em !important;
  -webkit-transition: all 150ms ease-out;
          transition: all 150ms ease-out;
}
.a-TreeView-node.a-TreeView-node--leaf .a-TreeView-label:hover,
.t-TreeNav .a-TreeView-content.is-selected.is-current a.a-TreeView-label:hover {
  color: var(--blanc);
  background-color: var(--vert-fonce);
}
.t-TreeNav .a-TreeView-node ul span {
  display: block;
}



/* Cache icone avant le nom de etape */

@media only screen and (min-width: 992px) {
    .t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .fa {
      display: none;
    }
}


/* --- Images Etapes --- */

.a-TreeView-content span.fa.sous_menu_etape_1_1::before,
.a-TreeView-content span.fa.sous_menu_etape_2_1::before,
.a-TreeView-content span.fa.sous_menu_etape_3_1::before,
.a-TreeView-content span.fa.sous_menu_etape_4_1::before,
.a-TreeView-content span.fa.sous_menu_etape_5_1::before  {
  content: "";
  display: block;
  width: 100%;
  height: 260px;
  margin: 6px 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
 .a-TreeView-content{
	  display: block; 
 }
/* Etape 01 */
span.fa.sous_menu_etape_1_1::before {
  background-image: url(/apex/adma000/images/img-menu-etape-01.png);
}
/* Etape 02 */
span.fa.sous_menu_etape_2_1::before {
  background-image: url(/apex/adma000/images/img-menu-etape-02.png);
}
/* Etape 02 */
span.fa.sous_menu_etape_3_1::before {
  background-image: url(/apex/adma000/images/img-menu-etape-03.png);
}
/* Etape 02 */
span.fa.sous_menu_etape_4_1::before {
  background-image: url(/apex/adma000/images/img-menu-etape-04.png);
}
/* Etape 02 */
span.fa.sous_menu_etape_5_1::before {
  background-image: url(/apex/adma000/images/img-menu-etape-05.png);
}

/* Animation des images */
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content span.fa.sous_menu_etape_1_1,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content span.fa.sous_menu_etape_2_1,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content span.fa.sous_menu_etape_3_1,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content span.fa.sous_menu_etape_4_1,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content span.fa.sous_menu_etape_5_1 {
  -webkit-animation: scaleInOut 1000ms linear both;
          animation: scaleInOut 1000ms linear both;
}
@keyframes scaleInOut {
  0% { -webkit-transform: matrix3d(0.92, 0, 0, 0, 0, 0.92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92, 0, 0, 0, 0, 0.92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.2% { -webkit-transform: matrix3d(0.964, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.964, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.31% { -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.62% { -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.005, 0, 0, 0, 0, 1.005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.73% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  38.84% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}






/* --- CONTENU DROIT --- */

/* Regions */
.t-Region-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--texte);
}
.t-Region-header {
  border-bottom-color: rgba(0, 0, 0, 0);
  color: var(--texte);
}
.t-Region-headerItems--title {
  padding: 10px 16px 0 16px;
}
.t-Region {
  border: 1px solid var(--contours);
  box-shadow: 0 6px 20px -6px rgba(0,0,0,0.08);
  margin-bottom: 12px;
}
.t-Region,
.t-Region-header,
.t-ContentBlock--lightBG .t-ContentBlock-body {
  border-radius: 4px;
  background-color: var(--fond-region);
}
.t-Region .t-Region-body {
  padding: 6px 16px 10px 16px;
}
.bordure_region {
  border-color: var(--contour-region);
}

/* Pas de contour pour une region dans une region */

html.page-7 .t-Region:not(.bordure_region),
html.page-4 .t-Region:not(.bordure_region) {
  border: none;
}


/* ETAPE 5 - Contenu droit */

#P9_SECTION_CENTRE .t-Region-title {
  display: block;
  margin: 8px 0;
  font-size: 22px;
}
.p9_texte_autorisation_div  {
  margin-bottom: 15px;
}
#P9_LIEN_TEXTE a {
  display: inline-block;
  padding: 14px 0;
  font-weight: 700;
  font-size: 15px;
  color: var(--vert);
  text-decoration: underline;
}
#P9_LIEN_TEXTE a:hover {
  color: var(--vert-hover);
  text-decoration: none;
}
#P9_TEXTE_AUTORISATION,
#P58_CONSENTEMENT {
  font-size: 15px;
  font-weight: 600;
}
#P9_TEXTE_AUTORISATION ul,
#P58_CONSENTEMENT ul {
  list-style-image: url(/apex/adma000/icones/puce-cercle-gris.svg);
}
#P9_TEXTE_AUTORISATION ul li,
#P58_CONSENTEMENT ul li {
  font-weight: 400;
  font-size: 15px;
  margin: 4px 0;
}
#P9_CHK_AUTORISATION input {
  display: block;
  margin-right: 12px;
}
#P9_CHK_AUTORISATION input + label {
  margin: 4px 10px 12px;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--vert);
}
#P9_CHK_AUTORISATION input:hover + label {
  color: var(--vert-hover);
}
#P9_CHK_AUTORISATION input + label::before {
  top: -1px;
  left: -6px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
#P9_CHK_AUTORISATION input + label::before,
#P9_CHK_AUTORISATION input + label::after {
  top: -1px;
  left: -6px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}
#P9_CHK_AUTORISATION input:checked + label::before {
  background-color: var(--vert);
}



@media only screen and (min-width: 641px) {
    :not(.u-RTL) .apex-side-nav.js-navExpanded.t-PageBody--hideLeft .t-Body-content {
      margin-left: 360px;
    }
}



/* --- Formulaire --- */

/* Radio Group */
.apex-item-group--rc input + label {
  margin: .6rem 0 .5rem 2rem;
  font-size: 1.4rem;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  font-family: "Open Sans", sans-serif;
  color: var(--texte);
  background-color: var(--btn-radio-fond);
  box-shadow: inset 0 0 0 1px var(--champ-contour);
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-grid {
  background-color: transparent;
  border-radius: inherit;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc .apex-item-option {
  padding: 0 5px 0 0;
  background-color: rgba(255, 255, 255, 0);
}
/* Label */
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large.apex-item-wrapper--radiogroup .t-Form-label {
  padding-top: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem;
  line-height: 15px;
}


@media screen and (max-width: 480px) {
  label#P5_IND_FRQT_UQTR_LABEL {
    position: relative;
    display: block;
    white-space: normal;
    padding-bottom: 10px;
  }
  #P5_IND_FRQT_UQTR_CONTAINER {
    display: block;
  }
  #P5_IND_FRQT_UQTR_CONTAINER .t-Form-inputContainer {
    width: 100%;
    clear: both;
    float: none;
  }
  #P5_IND_FRQT_UQTR_CONTAINER .t-Form-labelContainer {
    display: block;
    width: 100%;
  }
  #P40_TRI_TB_CLASSE_PGM_CONTAINER .apex-item-group--rc .apex-item-option:first-child:nth-last-child(3),
  #P40_TRI_TB_CLASSE_PGM_CONTAINER .apex-item-group--rc .apex-item-option:first-child:nth-last-child(3)~.apex-item-option {
    width: 100%;
    margin-bottom: 5px;
  }
  button#P6_RECH_PGM_1,
  button#P6_EFFACER_PGM_1 {
    width: 100%;
    margin: 0 0 10px;
  }
}




/* Radio Group - Normal */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  padding: 1.2rem !important;
  font-size: 1.28rem !important;
  border-radius: 3px !important;
  -webkit-transition: all 120ms ease-out;
          transition: all 120ms ease-out;
}
/* Radio Group - Active */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:active + label {
  border-color: var(--btn-radio-contour-focus);
  box-shadow: inset 0 0 0 1px var(--btn-radio-contour-focus) !important;
  background-color: var(--btn-radio-fond-hover);
}
/* Radio Group - Focus */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked:focus + label {
  border-color: var(--btn-radio-contour-focus);
  box-shadow: inset 0 0 0 1px var(--btn-radio-contour-focus) !important;
}
/* Radio Group - Checked */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  font-weight: inherit;
  border-color: var(--btn-radio-contour-focus);
  background-color: var(--btn-radio-fond-focus);
}


/* Radio Group - As tu fait des etudes au qc */
#P3_IND_ETUDES_QC_CONTAINER {
  /*display: inline-block;*/
  margin-right: 10px;
}
#P3_CD_PERM_COLG_CONTAINER {
  min-width: 400px;
  display: inline-block;
  /*padding-left : 100px;*/
}

@media screen and (max-width: 480px) {
  #P3_IND_ETUDES_QC.apex-item-group--rc .apex-item-option {
    width: 100%;
    margin-bottom: 5px;
  }
  #P3_IND_ETUDES_QC_CONTAINER {
    display: flex;
    margin-right: 0;
  }
}



/* Label en avant des champs */
.t-Form-labelContainer.col.col-2 {
  width: inherit;
}


/* Champs */

.apex-item-textarea,
.apex-item-text,
.apex-item-select,
.apex-item-multi,
select.listmanager {
  color: var(--texte);
  background-color: var(--champ-fond);
  border-color: var(--champ-contour);
}
.apex-item-text:hover {
  background-color: var(--champ-fond);
  border-color: var(--champ-contour-hover);
}
.apex-item-text:active,
.apex-item-text:focus {
  border-color: var(--champ-contour-focus) !important;
}
.t-Form-fieldContainer--floatingLabel .t-Form-label {
  line-height: 4.5rem;
  font-size: 1.36rem;
  transition: 100ms ease-out;
}
.t-Form-fieldContainer--floatingLabel .t-Form-itemText,
.t-Form-fieldContainer--floatingLabel .apex-item-select[size="1"] {
  line-height: 4.5rem;
  /* min-height: 4.5rem; */
}
.t-Form-fieldContainer--floatingLabel .apex-item-select[size="1"] {
  max-height: 4.5rem;
  padding: .8rem .8rem .6rem;
}
.t-Form-fieldContainer--floatingLabel .apex-item-select,
.t-Form-fieldContainer--floatingLabel .apex-item-text,
.t-Form-fieldContainer--floatingLabel .apex-item-textarea {
  /* min-height: 4.5rem; */
  padding: 2rem .8rem .6rem;
}

/* Points rouges - Champs requis */
.t-Form-fieldContainer.is-required .t-Form-label::after,
.t-Form-fieldContainer.is-required .t-Form-label::before,
.t-Form-fieldContainer--floatingLabel.is-required::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 1px;
  content: "";
  vertical-align: top;
  border-radius: 50px;
  background-color: var(--rouge);
}
#P1_TRIMESTRE_LABEL.t-Form-label::before,
#P1_SEXE_LABEL.t-Form-label::before {
  display: none;
}
.t-Form-fieldContainer--floatingLabel.is-required::before {
  margin: 3px 0 0 3px;
  content: "";
  border-width: 0;
  border-color: transparent;
}
/* Champ avec icone dedans */
.t-Form-fieldContainer--floatingLabel .apex-item-has-icon:focus + .apex-item-icon,
.t-Form-fieldContainer--floatingLabel .apex-item-multi.is-focused + .apex-item-icon {
  background-color: var(--champ-contour-focus);
}

/* G.V. 18 octobre 2022 */
html.page-1 #section_avis_important {
  text-align: justify;
}
/* G.V. 18 octobre 2022 222*/
html.page-1 #section_avis_important .t-Region-headerIcon {
  display: block;
}
/* G.V. 18 octobre 2022 */
html.page-1 #section_avis_important_heading {
  padding-top: 10px;
  padding-left: 10px;
  font-weight: 700;
  font-size: 22px;
}

.p1_trimestre_msg,
.p3_sta_canada_msg,
.p4_cd_pays_residence_msg {
  font-weight : normal;
  color: red;
}

/* Date de naissance et No Assurance Sociale */
.p1_dt_naissance_div,
.p1_nas_texte_div {
  display: flex;
  align-items: center;
}
.p1_dt_naissance_div span#P1_DT_NAISSANCE_TEXTE,
.p1_nas_texte_div span#P1_NAS_TEXTE {
  margin-right: 10px;
  font-weight: normal;
  min-height: inherit;
  line-height: 1em;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .p1_dt_naissance_div,
  .p1_nas_texte_div,
  .p1_dt_naissance_div span#P1_DT_NAISSANCE_TEXTE,
  .p1_nas_texte_div span#P1_NAS_TEXTE {
    display: block;
  }
}
/* Date de naissance */
#P1_DT_NAISSANCE_JOUR_CONTAINER,
#P1_DT_NAISSANCE_MOIS_CONTAINER,
#P1_DT_NAISSANCE_ANNEE_CONTAINER {
  display: inline-block;
  margin-right: 2px;
}
#P1_DT_NAISSANCE_JOUR_CONTAINER  {width:  64px;}
#P1_DT_NAISSANCE_MOIS_CONTAINER  {width: 130px;}
#P1_DT_NAISSANCE_ANNEE_CONTAINER {width: 80px;}

/* No Assurance Sociale */
input#P1_NAS_1,
input#P1_NAS_2,
input#P1_NAS_3 {
  padding: .8rem .6rem;
}
#P1_NAS_1_CONTAINER,
#P1_NAS_2_CONTAINER,
#P1_NAS_3_CONTAINER {
  width: 90px;
  flex-wrap: nowrap;
  margin-right: 2px;
}
#P1_NAS_3_CONTAINER {
  width: 111px;
}


/* Naissance et assurance sociale Mobile Tablet */
@media screen and (min-width: 320px) and (max-width: 1170px) {
  .p1_dt_naissance_div,
  .p1_nas_texte_div {
    display: block;
  }

  .p1_dt_naissance_div span#P1_DT_NAISSANCE_TEXTE,
  .p1_nas_texte_div span#P1_NAS_TEXTE {
    margin-right: 0;
    display: block;
  }
  #P1_NAS_1_CONTAINER,
  #P1_NAS_2_CONTAINER,
  #P1_NAS_3_CONTAINER {
    display: inline-block;
  }
}

/*-- Naissance et NAS mobile --*/
#P1_DT_NAISSANCE_JOUR_CONTAINER  {width:  90px;}
#P1_DT_NAISSANCE_MOIS_CONTAINER  {width: 170px;}
#P1_DT_NAISSANCE_ANNEE_CONTAINER {width: 115px;}

.div_p3_titre_quebec {
  padding-top : 15px;
}



/* Code Postal */
#P4_CD_POSTAL_CONTAINER {
  width: 200px;
  display: inline-block;
  margin-right: 5px;
}
#P4_VALIDE_CD_POSTAL {
  vertical-align: bottom;
}
#P4_VALIDE_CD_POSTAL .t-Icon {
  color: var(--texte);
}
#P4_VALIDE_CD_POSTAL:hover .t-Icon,
#P4_VALIDE_CD_POSTAL:focus .t-Icon {
  color: var(--vert-pale);
}

/* CSS du bouton si le code postal n'est pas valide */
.p4_valide_cd_postal_erreur {
  color : white !important;
  background-color : red !important;
}

/* CSS du bouton si le code postal est valide */
.p4_valide_cd_postal_correct {
  color : black !important;
  background-color : white !important;
}

#P4_TYPE_TELEPHONE_CONTAINER,
#P4_TYPE_TELEPHONE_USA_CONTAINER,
#P4_TYPE_TELEPHONE_AUTRE_CONTAINER {
  display: inline-block;
  margin-right: 10px;
}

/* Ajout par G.V le 14 septembre. Diminuer la taille du container pour le mobile. */
#P4_TELEPHONE_CONTAINER,
#P4_TELEPHONE_USA_CONTAINER,
#P4_TELEPHONE_AUTRE_CONTAINER {
  min-width: 300px;
  display: inline-block;
}

/* Ajout par G.V le 14 septembre. Diminuer la taille du container pour le pc. */
#P4_CD_PAYS_AUTRE_CONTAINER {
  max-width: 500px;
}

#P6_INFO_CONTINGENT {
  font-weight : bold;
}

#P6_INFO_2_CHOIX {
  font-weight : bold;
}

.DIV_P6_INFO_2_CHOIX,
.DIV_P6_INFO_FRAIS_DEPOT {
  padding-top : 15px;
}

#P6_ADM_MSG_PGM_1,
#P6_ADM_MSG_PGM_2 {
  font-weight : normal;
  color : red;
}

#P6_INFO_FRAIS_DEPOT {
  font-weight : normal;
}

#P10_MSG_ERREUR {
  font-weight : normal;
}

/* ******************************************* */
/* -------- MODIF DE MARC STOCK A GUY -------- */
/* ******************************************* */


.t-Region--showIcon>.t-Region-header .t-Region-headerIcon {
  display: none;
}



/* --- FIN ADMISSION MB --- */




/* Entete qui contient le logo et le nom de la page */
.entete_page_uqtr {
	display: contents;
}

/* logo de l'entete */
.apex-logo-img {
  margin: 0 8px;
}

.apex-logo-text {
  margin: 0 0 0 0;
  font-size: 1.8rem;
  width: 400px;
}



/* On cache le menu a gauche en mobile */
@media only screen and (max-width: 960px) {
  .t-Header-controls {
    display:none !important;
  }
  #t_Body_nav {
    display:none !important;
  }
  #t_Body_content {
    margin-left:0 !important;
  }
}

#P1_BOUTON_BAS_heading,
#P3_BOUTON_BAS_heading,
#P4_BOUTON_BAS_heading,
#P5_BOUTON_BAS_heading,
#P6_BOUTON_BAS_heading,
#P7_BOUTON_BAS_heading,
#P8_BOUTON_BAS_heading,
#P9_BOUTON_BAS_heading,
#P44_BOUTON_BAS_heading {
  display: none;
} 

/* On cache le body du wizard progression car il est vide */
.t-Wizard-body {
  display: none !important;
}

/* On affiche toujours les chiffres dans le wizard progression sinon ils sont caches en mobile */
.t-WizardSteps-label {
  visibility: visible !important;
}

/* Pour cacher des objets */
.invisible {
  display: none;
}

/* Icone d'aide. Padding et on affiche un curseur */
.icone_aide {
  margin-left: 5px;
  cursor: pointer;
}

/* On wrap le titre des regions sur plusieurs lignes pour les pages normales */
.t-Region-headerItems--title {
  flex-shrink: 1;
}

/* On wrap le titre des regions sur plusieurs lignes pour les pages modales */
.ui-dialog .ui-dialog-title {
  white-space: normal;
}

/* On centre les boutons */
.p101_btn_connecter,
.p101_connexion_cpa2,
.p102_btn_creer,
.p102_btn_fermer,
.p103_btn_reinitialiser,
.p103_btn_fermer,
.p104_btn_fermer_erreur,
.p104_btn_fermer_avertissement,
.p104_btn_fermer_succes,
.p105_btn_fermer_erreur,
.p105_btn_fermer_valide,
.p105_btn_modifier {
  display: flex;
  justify-content: center;
}


/* Erreur affiché dans l'entete des pages 1 à 9 */
.erreur_entete_page,
#P52_MSG_ERREUR_FORMULAIRE {
  color : red;
}


/* Page 3 */
/* Icone aide. Padding en haut */
.p3_aide_ind_csq {
  margin-top: 15px;
}
/* Fin page 3 */


/* Page 8 */
/* Aligner l'information du type de diplôme et du programme */
#P8_LISTE_ETUDE_cards .t-Card-body {
  padding: 20px 0px 5px 5px;
}
/* Fin page 8 */


/* Page 40 */
#P40_CD_PRESENTATION_WEB,
#P40_CD_CLASSE_PGM,
#P40_TRI_TB_CLASSE_PGM {
  display: grid;
  width: 550px;
}

#P40_MSG_AUCUN_NIVEAU {
  font-weight : normal;
}

/* Ajout par G.V le 30 août. Augmenter la taille du texte. */
#report_table_P40_LISTE_PROGRAMME .cd_pgm_select {
  font-size : larger;
}

/* Ajout par G.V le 3 septembre. Fixer la largeur de la colonne contingenté. */
#report_table_P40_LISTE_PROGRAMME td[headers="CONTINGENTE"] {
  width : 30px; 
}

/* Ajusté par G.V le 7 septembre. Div pour le texte pour le contingenté */
.div_p40_info_contingent {
  padding-top : 6px;
  padding-bottom : 14px;
}

/* Texte pour le contingenté */
.p40_ind_contingent {
  color : var(--vert);
  font-weight : 900;
}

/* Colonne du tableau pour le contingenté */
.p40_col_contingent {
  font-weight : 900;
  color : var(--vert);
}

/* Fin page 40 */


/* Page 44 */
/* On enleve le gras */
#P44_MESSAGE_CD_LIEU_ETUD {
  font-weight: initial;
}
/* Fin page 44 */


/* Page 54 */
/* On centre le texte */
#P54_REGION_INFORMATION {
  text-align : center;
}

/* Image en haut de la page */
#P54_REGION_INFORMATION::before {
  content: " ";
  display: block;
  width: 36px;
  height: 44px;
  margin: 0 auto;
  background-image: url(https://oraprdnt.uqtr.uquebec.ca/Gsc/pgw/ico_suivi_joindre.png);
  background-repeat: no-repeat;  
}

/* On augmente la taille et en gras */
#P54_TITRE_DISPLAY {
  font-size : 22px;
  font-weight: 700;
}

/* On ajoute de l'espace en dessous */
#P54_REGION_INFORMATION .row {
  padding-bottom: 20px;
}

/* On augmente la taille du texte */
#P54_CARTE_CREDIT,
#P54_AUTRE_MODALITE,
#P54_CONVERA_SANS_DEPOT,
#P54_CONVERA_AVEC_DEPOT {
  font-weight: 600;
}
/* Fin page 54 */




/* ---- Icône oeil mot de passe ---- */

/* Ancrer l'icône à .t-Form-itemWrapper, qui entoure l'input */
.t-Form-itemWrapper {
  position: relative; /* au cas où ce ne serait pas déjà le cas */
}

/* L'icône doit être centrée verticalement par rapport au wrapper */
.t-Form-itemWrapper .toggle-eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);  /* centre en hauteur */
  
  cursor: pointer;
  color: var(--gris-fonce);
  z-index: 2;
  
  display: inline-flex;          /* OK */
  line-height: 1;
  /* Surtout PAS de height:100% ici */
}


/* Taille de l'icône */
.size-eye {
  font-size: 28px !important;
}

/* ----- Fin Icône oeil mot de passe ---- */


/* --- MOBILE --- */


@media screen and (max-width: 640px) {
  /*-- Ajout M-P 27 fevrier 2025 --*/  
  #P5_CD_NATURE_DEM.apex-item-group--rc .apex-item-option,
  #P6_CYCLE_PGM.apex-item-group--rc .apex-item-option,
  #P7_CD_PGM_1_CD_BASE.apex-item-group--rc .apex-item-option,
  #P7_CD_PGM_2_CD_BASE.apex-item-group--rc .apex-item-option,
  #P7_CD_PGM_3_CD_BASE.apex-item-group--rc .apex-item-option {
    width: 100%;
    margin-bottom: 5px;
  }
  /*-- boutons choix de programmes largeur 100% en mobile --*/
  .page-6 .t-Region.bordure_region .t-Button {
    display: block;
    width: 100%;
    margin: 10px 0 15px 0;
  }

  /* reinitialisation mdp --*/
  #P103_COURRIEL_CONTAINER .t-Form-inputContainer {width: 100%;}
  .page-105 .t-Form-inputContainer {width: 100%;}
 

  /*-- connexion avec code permanent --*/

  /*-- creation nouveau compte --*/
  .page-102 #R180860271854640190 .t-Form-inputContainer {width: 100%;}
  .page-102 #R180860271854640190 .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon .t-Form-label {
    line-height: 2rem;
    font-size: 1.1rem;
     padding-top: .4rem;
     padding: 0 1rem;
  }

  .t-Form-fieldContainer--floatingLabel .apex-item-text {padding: .6rem .8rem;}

  /*-- fin ajouts M-P -- */

  .t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {flex-direction: column;}
  .t-Form-fieldContainer--floatingLabel .t-Form-label {
    position: relative;
    white-space: normal;
  }
  #P3_CD_PERM_COLG_CONTAINER {
    min-width: inherit;
    display: flex;
    padding: .8em;
  }

#P54_CARTE_CREDIT {margin-bottom: 10px;}

  /*-- fin ajouts M-P --*/

  .p50_carte_gauche,
  .p50_carte_droite {
    font-size: 1.2rem;
  }
  /*
  .p50_carte_droite .p50_no_ref {
    font-size: 1.4rem;
  }
  */
  .col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
    overflow: auto;
  }
  #P3_STA_CANADA_CONTAINER .apex-item-group--rc .apex-item-option {
    width: 100%;
    margin-bottom: 5px;
  }

}




@media screen and (max-width: 480px) {

  /* ajout par G.V le 30 août */
  #P40_CD_PRESENTATION_WEB .apex-item-option {
    width: 100%;
  }
   

  .t-ButtonRegion-col {
    display: block;
    width: 100%;
    white-space: normal;
    padding: 0;
  }
  .t-ButtonRegion-buttons {
    padding: 0 !important;
  }
  .t-Button.t-Button--hot.btn_precedent,
  .t-Button.t-Button--hot.btn_suivant,
  .t-Button.t-Button--hot.btn_enregistrer {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(2),
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(2)~.apex-item-option,
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(3),
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(3)~.apex-item-option,
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(4),
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(4)~.apex-item-option,
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(5),
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(5)~.apex-item-option {
    width: 100%;
    margin-bottom: 5px;
  }
}







/* Test de marc 2021-12-08 */

@media screen and (max-width: 480px) {
  .row .p50_section_liste_session {
    height: 162px;
    margin-bottom: 20px;
    display: block;
    padding: 10px 20px;
    overflow-x: auto;
  }
}



/* Marc - 2022-01-21 - Mobile Samsung S8 */
@media screen and (max-width: 360px) {
  .apex-logo-text {
    font-size: 1.6rem;
  }
  html.page-101 .t-Region-headerItems--title {
    padding: 16px 16px 0 10px;
  }
  .t-Region .t-Region-body {
    padding: 10px;
  }
}