/* Miralis Version 2021-10 */
/* ===================================================================== */
/*                             BaseCustom.css                            */
/* © 2020  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage de base.                                                    */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* Constantes.                                                           */

:root
  {
    --couleurSelect: black;           /* Élément sélectionné (cadre)     */
    --couleurHighlight: black;        /* Élément sélectionné             */
  }

.ActTexte.LinkTerme > .LinkTerme.AvecLabel { cursor: pointer; color: #153491; pointer; text-decoration: underline #153491 }
.ActTexte.LinkProjet > .LinkProjet.AvecLabel { cursor: pointer; color: #153491; pointer; text-decoration: underline #153491 }

.FenetreBarre { color: white; background-color: black }

.ActInput.LigneTot > input {border-top: 1px solid}
.ActInput.LigneTotB > input {border-bottom: 1px solid}

.ActImage.NoDispo {display:none}

.ActTelescope.NoScroll
{
  flex: none; 
}

/* --------------------------------------------------------------------- */
/* Boutons des requêtes.                                                 */

.ActBouton.Primaire > button { background-color: black;  border-color: black }
.ActBouton.Secondaire > button { color: black;  border-color: black }


/* --------------------------------------------------------------------- */
/* Contour des acteurs.                                                  */

select, input, .CustomSelect { border-color: black }

.ActGrid.Small> .ActTexte{border-top: 1px solid #000;
                          margin-left:0;
                          margin-right:0;
                          border-right:1px dashed
}


/* --------------------------------------------------------------------- */
/* Page de login.                                                        */

.LoginSectionSeConnecter { flex-direction: column }

.ActTexte.MessageLoginSeConnecter
  {
    border-top: solid 1px;            /* Trait horizontal après le logo  */
    padding-top: 16px;                /* Espace entre trait et message   */

    margin-bottom: 0px;               /* Pas d'espace après le message   */
  }

.ActTexte.MessageLoginSeConnecter > .MessageLoginSeConnecter { margin-bottom: 5px }

.LoginSectionSeConnecter { margin-bottom: 5px }

/* Ajout d'un logo après le message */
.LoginSectionSeConnecter::after { content: url("../../Client/Imgs/Logo3.svg") }

/* Effacement du message Eve */
.MessageLoginEve, .MessageLoginDescriptionEve { visibility: hidden }

/* Message "cookies" */
.ActTexte.MessageLoginCookies 
  {
    width: 100%;
    justify-content: center
  }

.MessageLoginCookies
  {
    position: absolute;
    right: unset;
    top: 315px;
    width: 400px;
    text-align: center;
    margin-right: 10px;   /* Pour que le texte soit au centre vs la boîte de login (?) */
  }


/* --------------------------------------------------------------------- */
/* Barre de session.                                                     */

.ToolBarSession { background-color: black; height: 32px; }
.ToolBarSessionDev {background-color: #0000FF}
.ToolBarSessionDev.NoelBarre {background-image: url("../../Client/Imgs/NoelTopDev.png"); background-size: 200px 40px ; background-repeat: repeat}
.ToolBarSessionDev.StValBarre {background-image: url("../../Client/Imgs/Banderol_StVal.png"); background-size: 200px 40px ; background-repeat: repeat} 
.ToolBarSessionDev.StPatBarre {background-image: url("../../Client/Imgs/Banderol_StPat.png"); background-size: 200px 40px ; background-repeat: repeat} 
.ToolBarSessionDev.StPaqBarre {background-image: url("../../Client/Imgs/Banderol_Paque.png"); background-size: 200px 40px ; background-repeat: repeat} 
.ToolBarSessionDev.HalloweenBarre {background-image: url("../../Client/Imgs/Banderol_Halloween.jpg"); background-size: 200px 40px ; background-repeat: repeat}
div.BtnAccueil { height: 32px; }

/* --------------------------------------------------------------------- */
/* Page d'accueil.                                                       */

.AccueilPage  { background-image: url("../../Client/Imgs/fondHome.jpg");  background-size: cover;  margin: 0px -10px 0px -10px }
.AccueilCadre { background-color: white }
div.TitreAccueilEnkiWeb { width: 100%;  text-align: center;  flex-direction: column }
span.TitreAccueilEnkiWeb { width: 100%;  margin-bottom: 4px;  font-size: 16px }
div.TitreAccueilEnkiWeb::after { content: url("../../Client/Imgs/Logo3.svg") }
.AccueilSectionA { margin: 0px 70px 0px 70px;  border-bottom: solid 1px black }
.AccueilSectionC { margin: 0px 70px 0px 70px;  padding-left: 0px;  padding-right:0px }
.AccueilCreerSection { padding-left: 0px } 
.AccueilRechercherSection  { padding-right:0px } 

.AccueilRechercherTitre, .AccueilRechercherLien { justify-content: flex-end }


/* --------------------------------------------------------------------- */
/* Approbation: message de feedback.                                     */

input.MessageApprouve { font-size: 18px;  font-weight: 700; width:98vw;  padding: 1px 5px 1px 5px;  margin: 1px 0px 1px 0px }
input.OK              { background-color: lightgreen }
input.PSD             { background-color: yellow }
input.NonEligible     { background-color: red }
input.valideEnCours   { background-color: orange }

textarea.MessageApprouve { font-size: 14px ; font-weight: 700 ; width:100%  ; height:4em ; padding: 10px 5px 15px 5px;  margin: 15px 0px 15px 0px }
textarea.OK              { background-color: lightgreen }
textarea.PSD             { background-color: yellow }
textarea.NonEligible     { background-color: red }

span.NoDispo  {display: none}

/* --------------------------------------------------------------------- */
/* Gabarit.                                                              */

.Scale0 { flex: 0 }
.ScrollVer {overflow-y: auto; overflow-x: hidden}
.FlexShrink0 {flex-shrink: 0}

.filtreRechercheCommande .Larg15Car.ActSelect, .filtreRechercheCommande .Larg15Car.ActInput { margin-right: 10px;}
.PageRecherche .Table .ActTexte:not(.Label) {height: max-content;}