.pageAPropos .formulaire .ligne .contenuAPropos{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	flex: 1;
}

.pageAPropos .formulaire .ligne .contenuImage{
	max-width: 96px;
}

.pageAPropos .formulaire .ligne .contenuAPropos .informationAMS{
	margin-top: 0;
}

.pageAPropos .formulaire .copyright{
	font-size: 12px;
	margin-top: 10px;
	justify-content: center;
}
.page.pageAccueil{
    flex-direction: column;
}

/* ============================================================
   WIDGET GÉNÉRIQUE MenuLateral — début
   Aucun style ici ne dépend du contenu de VigiPIDA (libellés, icônes, couleurs
   passent par les variables CSS déjà définies par le thème du projet).
   Pour réutiliser dans un autre projet : copier ce bloc tel quel et
   remplacer uniquement le préfixe ".pageAccueil" par la classe de la page
   qui héberge le widget.
   ============================================================ */
.pageAccueil .menuLateral{
    display: flex;
    flex-direction: column;
    width: 220px;
    background-color: var(--couleurFondConteneur);
    color: var(--couleurSurFondConteneur);
    box-sizing: border-box;
    transition: width 0.2s ease;
    border-right: 1px solid lightgray;
     
    /* pour rendre non sélectionnable */	
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge plus anciens */
    user-select: none;         /* Standard */
}

.pageAccueil .menuLateral.pliable{
    width: 64px;
}

.pageAccueil .menuLateral .entete{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 10px;
}

.pageAccueil .menuLateral .entete .marque{
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 20px;
}

.pageAccueil .menuLateral .entete .marque:hover{
    background-color: var(--couleurPrincipaleVariante);
}

.pageAccueil .menuLateral .entete .marque.selectionne{
    background-color: var(--couleurSurPrincipale);
    color: var(--couleurPrincipale);
}

.pageAccueil .menuLateral .entete .marque img{
    width: 28px;
    height: 28px;
    margin-right: 8px;
    flex-shrink: 0;
}

.pageAccueil .menuLateral .entete .marque span{
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageAccueil .menuLateral .entete .boutonPlierMenu{
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    filter: brightness(0) invert(1);
}

.pageAccueil .menuLateral.pliable .entete .boutonPlierMenu{
    transform: rotate(180deg);
}

.pageAccueil .menuLateral .corps{
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.pageAccueil .menuLateral .section{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.pageAccueil .menuLateral .titreSection{
    box-sizing: border-box;
    height: 30px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
    opacity: 0.7;
    padding: 10px 15px 5px 15px;
    white-space: nowrap;
}

.pageAccueil .menuLateral .element{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    padding: 0 15px;
    margin: 2px 8px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
}

.pageAccueil .menuLateral .element:hover{
    background-color: var(--couleurPrincipale);
}

.pageAccueil .menuLateral .element.selectionne{
    background-color: var(--couleurSurPrincipale);
    color: var(--couleurPrincipale);
}

.pageAccueil .menuLateral .element .icone{
    width: 22px;
    height: 22px;
    margin-right: 10px;
    flex-shrink: 0;
    /*filter: brightness(0) invert(1);*/
}

.pageAccueil .menuLateral .element .avatar{
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background-color: var(--couleurSurPrincipale);
    color: var(--couleurPrincipale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}

.pageAccueil .menuLateral .element .libelle{
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.pageAccueil .menuLateral .element .texte{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
}

.pageAccueil .menuLateral .element .texte .libelle{
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageAccueil .menuLateral .element .texte .sousLibelle{
    font-size: 11px;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageAccueil .menuLateral .element .chevronElement{
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    /*filter: brightness(0) invert(1);*/
}

.pageAccueil .menuLateral .element.deroule .chevronElement{
    transform: rotate(180deg);
}

.pageAccueil .menuLateral .enfants{
    display: none;
    flex-direction: column;
    margin-left: 34px;
    padding-left: 20px;
    border-left: 1px solid #21212136;
    font-size: 13px;
}

.pageAccueil .menuLateral .enfants.deroule{
    display: flex;
}

.pageAccueil .menuLateral .enfants span{
    padding: 6px 8px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageAccueil .menuLateral .enfants span:hover{
    color: var(--couleurPrincipale);
}

.pageAccueil .menuLateral .pied{
    border-top: 1px solid lightgray;
    padding: 8px 0;
}

.pageAccueil .menuLateral.pliable .marque span,
.pageAccueil .menuLateral.pliable .element .libelle,
.pageAccueil .menuLateral.pliable .element .texte,
.pageAccueil .menuLateral.pliable .element .chevronElement,
.pageAccueil .menuLateral.pliable .enfants{
    display: none;
}

.pageAccueil .menuLateral.pliable .titreSection{
    box-sizing: border-box;
    height: 30px;
    width: 24px;
    margin: 0 auto;
    padding: 14px 0;
    background-color: var(--couleurPrincipaleVariante);
    background-clip: content-box;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

.pageAccueil .menuLateral.pliable .element{
    justify-content: center;
    margin: 2px 8px;
    width: 48px;
    padding: 0;
}

.pageAccueil .menuLateral.pliable .element .icone,
.pageAccueil .menuLateral.pliable .element .avatar{
    margin-right: 0;
}

.pageAccueil .menuLateral.pliable .entete{
    padding: 12px 8px;
    gap: 4px;
}

.pageAccueil .menuLateral.pliable .entete .marque{
    flex: none;
    padding: 0;
}

.pageAccueil .menuLateral.pliable .entete .marque img{
    width: 24px;
    height: 24px;
    margin-right: 0;
}

@media only screen and (max-width:1023px) {
    .pageAccueil .menuLateralPetitEcran{
        position: absolute;
        top: 48px;	/* .entete est hors de .contenu (déjà compensée), il reste .secondaire (48px) qui elle est dans .contenu, à côté du menu */
        left: 0;
        bottom: 0;
        border: none;
        padding: 0;
        overflow-y: auto;
        z-index: 9990;
        border: 1px solid lightgray;
    }

    .pageAccueil .menuLateralPetitEcran.ferme{
        display: none;
    }

    .pageAccueil .menuLateralPetitEcran .entete .boutonPlierMenu{
        display: none;
    }

    .pageAccueil .menuLateralPetitEcran .element.masqueEnModePetitEcran{
        display: none;
    }
}

@media only screen and (min-width:1024px) {
    .pageAccueil .menuLateralPetitEcran.ferme{
        display: unset;
    }
}

/* ============================================================
   WIDGET GÉNÉRIQUE MenuLateral — fin
   ============================================================ */

.pageAccueil .entete .boutonAccueil{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pageAccueil .entete .libelleVigiPIDA{
    font-weight: bold;
    margin-left: 8px;
    color: var(--couleurSurSecondaire);
}

@media only screen and (min-width:1024px) {
    .pageAccueil .interaction .boutonImageMenu{
        display: none;
    }
}

.pageAccueil > .contenu{
    display: flex;
    flex-direction: row;
    min-height: 0px;
}

.pageAccueil > .contenu > .contenuPrincipal{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0px;
    min-height: 0px;
}

.pageAccueil > .entete{
    background-color: var(--couleurSecondaire);
    box-shadow:  0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);;
    display: flex;
    height: 48px;
    width: 100%;
    background-image: url(./image/montagne.svg);
    background-repeat: no-repeat;
	background-position: right;
    background-size: contain;
}

.pageAccueil > .contenu .secondaire{
    background-color: var(--couleurFondConteneur);
    color: var(--couleurSurFondConteneur);
    box-shadow: 0 3px 6px -6px rgba(0,0,0,0.16), 0 3px 6px -6px rgba(0,0,0,0.23);
    display: flex;
    height: 48px;
    width: 100%;

    /* pour rendre non sélectionnable */	
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge plus anciens */
    user-select: none;         /* Standard */
}

.pageAccueil > .contenu .secondaire .interaction{
    display: flex;
    flex: 1;
    align-items: center;
}

.pageAccueil > .contenu .secondaire .interaction > *{
    margin-left: 10px;
}

.pageAccueil > .contenu .secondaire .interaction .boutonInteraction{
    display: flex;
    align-items: center;
    align-content: center;
    color: var(--couleurSurFondConteneur);
}

.pageAccueil > .contenu .secondaire .interaction .boutonInteraction span{
    margin-left: 8px;
}

.pageAccueil > .contenu .secondaire .interaction img{
    width: 32px;
}

.pageAccueil > .entete .boutonImageAccueil{
    width: 32px;
    margin-left: 10px;
    align-self: center;
}

.pageAccueil > .entete .titre{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.pageAccueil > .entete .titre .boutonTitre{
    display: flex;
    color: var(--couleurSurPrincipale);
    background-color: #d46e15;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
}

.pageAccueil > .entete .titre .boutonTitre:hover{
    color: var(--couleurSurPrincipaleVariante);
    background-color: var(--couleurPrincipaleVariante);
}

.pageAccueil > .entete .titre img{
    margin-left: 5px;
    margin-right: 5px;
}

.pageAccueil .boutonDroit{
    align-content: center;
    margin-right: 8px;
    width: 32px
}

.pageAccueil > .contenu .secondaire .boutonDroit{
    display: flex;
    align-items: center;
    align-content: center;
    margin-right: 8px;
    width: 100px;
    background-color: var(--couleurPrincipale);
    border-radius: 5px;
    margin-top: 8px;
    margin-bottom: 8px;
    justify-content: center;
    color: white;
}

.pageAccueil > .contenu .secondaire .piano {
    background-color: #ecf0f1;
    border-radius: 10px;
}

.pageAccueil > .contenu .secondaire .piano .element{
    height: 32px;
    width: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    margin: 5px;
}

.pageAccueil > .contenu .secondaire .piano .element{
    color: var(--couleurSurFondConteneur);
    background-color: #ecf0f1;
}

.pageAccueil > .contenu .secondaire .piano .element.selectionne{
    background-color: var(--couleurSecondaire);
    border-radius: 10px;
    font-weight: bold;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.pageAccueil > .contenu .secondaire .piano .element:first-child{
    border: none;
}

.pageAccueil > .contenu .secondaire .piano .element:not(:last-child){
    border: none;
}

.pageAccueil > .contenu .conteneurPlan{
    flex: 1;
    min-height: 0;
}

.pageAccueil > .contenu .conteneurPlan .liste .element{
    border-radius: 8px;
}

.pageAccueil > .contenu .conteneurPlan .boutonAfficherTiroirEquipe{
    position: absolute;
    top: 50%;
    right: 0;
}

.pageAccueil > .contenu .conteneurPlan .plan{
    display: flex;
    height: 100%;
}

.pageAccueil > .contenu .conteneurPlan .plan .enteteListe{
    /* z-index et position relative sont une arnaque pour ne pas avoir de double border shadow*/
    z-index: 1;
    position: relative;
    background-color: white;
    height: 32px;
    align-items: center;
    display: flex;
    box-shadow: 0 3px 6px -6px rgba(0,0,0,0.16), 0 3px 6px -6px rgba(0,0,0,0.23);
}

.pageAccueil > .contenu .conteneurPlan .plan .enteteListe > span{
    flex: 1;
    text-align: center;
    /*font-weight: bold;*/
}

.pageAccueil > .contenu .conteneurPlan .plan .conteneurCentre{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.pageAccueil > .contenu .conteneurPlan .plan .conteneurCentre button{
    padding: 10px;
    border-radius: 8px;
    font-size: 18px;
}

.pageAccueil > .contenu .conteneurPlan .plan .conteneurListeEquipe{
    flex: 1;
    height: 100%;
}

.pageAccueil > .contenu .conteneurPlan .plan .conteneurTiroirEquipe{
    width: 40%;
    height: 100%;
    background-color: var(--couleurSurPrincipaleVariante);
    box-shadow:  0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: width 0.3s ease;
}
.pageAccueil > .contenu .conteneurPlan .plan .conteneurTiroirEquipe .conteneurVoletTiroirEquipe{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pageAccueil > .contenu .conteneurPlan .plan .conteneurMasque{
    width: 0;
    overflow-x: hidden;
}

.pageAccueil .indication{
    margin-top: 10px;
    text-align: center;
    color: #767676;
    font-style: italic;
    padding: 20px;
}

.pageAccueil .volet {
    flex: 1;
    overflow-y: auto;
    min-height: 0px;
    padding: 5px 5px 5px 25px;
}

.pageAccueil .boutonMasquerTiroir{
    position: absolute;
    top: 50%;
}

.pageAccueil table th{
    font-weight: normal;
}

.pageAccueil .listeEquipe{
    height: 100%;
    overflow-y: auto;
    container-type: inline-size;
}

.pageAccueil .listeEquipe .element{
    padding: 5px;
}


/*
.pageAccueil .listeEquipe .ligne1, .pageAccueil .listeEquipeVueGlobale .ligne1{
    font-weight: bold;
}
*/

.pageAccueil .listeEquipe .conteneurActionDroite > div{
    width: 64px;
    height: 64px;
    margin-right: 5px;
}

.pageAccueil .listeEquipe .conteneurActionDroite.invisible{
    visibility: hidden;
}

.pageAccueil .listeEquipe .element.elementAvecBoutonAction.equipeValidee span{
    color: #a9a7a7
}

.pageAccueil .listeEquipe .bouton{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
}

.pageAccueil .listeEquipe .boutonModifier{
    fill: #929292;
}

.pageAccueil .listeEquipe .bouton.departVers{
    background-color: var(--couleurValidation);
    color: var(--couleurSurPrincipale);
}

.pageAccueil .listeEquipe .bouton.departVers:hover{
    background-color: var(--couleurValidationVariante);
}

.pageAccueil .listeEquipe .bouton.tir{
    background-color: var(--couleurPrincipale);
    color: var(--couleurSurPrincipale);
}

.pageAccueil .listeEquipe .bouton.tir:hover{
    background-color: var(--couleurPrincipaleVariante);
    color: var(--couleurSurPrincipaleVariante);
}

.pageAccueil .listeEquipe .bouton img{
    width: 24px;
}
.pageAccueil .listeEquipe .statutEquipe{
    width: 32px;
    height: 32px;
    padding: 4px;
}

.pageAccueil .listeEquipe progress{
    border-radius: 5px;
    border: 1px solid lightgray;
    width: auto; /* Autrement ne marche pas sur tablette / chrome */
}

.pageAccueil .listeEquipe .conteneurLigne, .pageAccueil .listeEquipeVueGlobale .conteneurLigne{
    justify-content: center;
}

@container (max-width: 600px) {
    .pageAccueil .listeEquipe .conteneurLigne.conteneurLigneProgression.conteneurLigneProgression{
        display: none;
    }
}


.pageAccueil .listeEquipe .conteneurLigne.avecSeparateur, .pageAccueil .listeEquipe .conteneurIconeStatut.avecSeparateur{
    border-left: 1px solid lightgray;
    margin-left: 10px;
    padding-left: 10px;
}

.pageAccueil .listeEquipe .conteneurIconeStatut{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

/*Liste Gazex/Tir/Couloir--------------------------*/


.pageAccueil > .contenu .conteneurPlan .plan .conteneurListeTir,
.pageAccueil > .contenu .conteneurPlan .plan .conteneurListeGazex,
.pageAccueil > .contenu .conteneurPlan .plan .conteneurListeCouloir{
    flex: 1;
    height: 100%;
}

.pageAccueil .listePointDeTirEvenement{
    height: calc(100% - 32px);
    overflow-y: auto;
}

.pageAccueil .listePointDeTirEvenement .element{
    padding: 5px;
    height: 38px;
    box-sizing: border-box;
}

.pageAccueil .listePointDeTirEvenement .nomElement{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 50%;
    max-height: 20px;
}

.pageAccueil .listePointDeTirEvenement .bouton{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 64px;
    height: 32px;
    border-radius: 10px;
    margin-right: 5px;
}

.pageAccueil .listePointDeTirEvenement .boutonModifier{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    fill: #929292;
}

.pageAccueil .listePointDeTirEvenement .statutEquipe{
    width: 24px;
    /*background-color: orange;*/
    height: 24px;
    /*border-radius: 5px;*/
    padding: 2px;
}

.pageAccueil .liste.listePointDeTirEvenement .element.elementAvecBoutonAction .conteneurLigne{
    flex-direction: row;
    align-items: center;
    min-width: 0;
}


.pageAccueil .listePointDeTirEvenement .conteneurLigne .ligneIconeStatut{
    display: flex;
    margin-left: 5px;
    margin-right: 5px;
}

.pageAccueil .listePointDeTirEvenement .avecSeparateur{
    border-left: 1px solid lightgray;
    margin-left: 10px;
    padding-left: 10px;
}

.pageAccueil .listePointDeTirEvenement .typeDeclenchement{
    flex: 1;
    justify-content: right;
    display: flex;
}

.pageAccueil .listePointDeTirEvenement .libelleEtatType{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(50% - 34px);    /* moins icone avec marges */
}

/*Liste tirs-----------------------------------------------*/

.pageAccueil .listeTirEquipe{
    overflow-y: auto;
    container-type: inline-size;
}

@container (max-width: 500px){
    .pageAccueil .listeTirEquipe .element{
        flex-wrap: wrap;
    }

    .pageAccueil .listeTirEquipe .element .conteneurLigne .libelleEtatType{
        margin-right: 5px;
    }

    .pageAccueil .listeTirEquipe .element .conteneurLigne:first-of-type .libelleEtatType{
        margin-right: 29px;
    }

    .pageAccueil .liste.listeTirEquipe .element.elementAvecBoutonAction .conteneurLigne{
          width: 500px;
          flex: unset;
    }

    
    .pageAccueil .liste.listeTirEquipe .element.elementAvecBoutonAction .conteneurLigne.avecSeparateur{
        border-left: none;
        padding-left: 0;
    }

    .pageAccueil .liste.listeTirEquipe .element.elementAvecBoutonAction .conteneurLigne .ligneIconeStatut{
        margin-left: 0;
    }
}

@container (min-width: 500px){
    .pageAccueil .listeTirEquipe .libelleEtatType{
        width: calc(50% - 34px);    /* moins icone avec marges */
    }
}

.pageAccueil .listeTirEquipe .element{
    padding: 5px;
    box-sizing: border-box;
}

.pageAccueil .listeTirEquipe .nomElement{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1;
}

.pageAccueil .listeTirEquipe .bouton{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    margin-right: 5px;
}

.pageAccueil .listeTirEquipe .boutonModifier{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    fill: #929292;
}

.pageAccueil .listeTirEquipe .statutEquipe{
    width: 24px;
    height: 24px;
    padding: 2px;
}

.pageAccueil .liste.listeTirEquipe .element.elementAvecBoutonAction .conteneurLigne{
    flex-direction: row;
    align-items: center;
}

.pageAccueil .listeTirEquipe .conteneurLigne .ligneIconeStatut{
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
}

.pageAccueil .listeTirEquipe .avecSeparateur{
    border-left: 1px solid lightgray;
    margin-left: 10px;
    padding-left: 10px;
}

.pageAccueil .listeTirEquipe .typeDeclenchement{
    justify-content: right;
}

.pageAccueil .listeTirEquipe .libelleEtatType{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Plan vue globale */
.pageAccueil .planVueGlobale{
    flex-direction: column;
}

.pageAccueil .planVueGlobale .conteneurVueGlobale{
    display: flex;
    flex: 1;
    min-height: 0px;    /* hack pour scroll au bon endroit */
    background-color: var(--couleurFondCarte);
}

.pageAccueil .planVueGlobale .viewportImage{
    flex: 1;
}
.pageAccueil .planVueGlobale .viewportImage .indication{
    color: var(--couleurSurFondCarte);
}

.pageAccueil .planVueGlobale .conteneurTiroirVueGlobale{
    width: 400px;
    height: 100%;
    background-color: var(--couleurSurPrincipaleVariante);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    transition: width 0.3s ease;
    z-index: 998; /* sinon la viewport s'affiche par dessus */
}

.pageAccueil .planVueGlobale .conteneurVoletTiroirVueGlobale{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pageAccueil .listeEquipeVueGlobale{
    height: 100%;
}

/* reste en commun dans listeEquipe */

.pageAccueil .listeEquipeVueGlobale .bouton{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    margin-left: 5px;
}

.pageAccueil .listeEquipeVueGlobale .bouton img{
    width: 24px;
}

.pageAccueil .listeEquipeVueGlobale .bouton.departVers{
    background-color: var(--couleurValidation);
    color: var(--couleurSurPrincipale);
}

.pageAccueil .listeEquipeVueGlobale .bouton.departVers:hover{
    background-color: var(--couleurValidationVariante);
}

.pageAccueil .listeEquipeVueGlobale .bouton.tir{
    background-color: var(--couleurPrincipale);
    color: var(--couleurSurPrincipale);
}

.pageAccueil .listeEquipeVueGlobale .bouton.tir:hover{
    background-color: var(--couleurPrincipaleVariante);
    color: var(--couleurSurPrincipaleVariante);
}

/*Plan Statistique (PIDA consulté)-----------------*/

.pageAccueil .planStatistique{
    flex-direction: column;
    overflow-y: auto;
}

.pageAccueil .planStatistique .onglet{
    padding: 10px;
}

.pageAccueil .planStatistique .ligne{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 16px;
    row-gap: 8px;
    margin-top: 10px;
}

.pageAccueil .planStatistique .ligne > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.pageAccueil .planStatistique .ligne label{
    font-size: 14px;
}

.pageAccueil .planStatistique .ligne select{
    width: 220px;
}

.pageAccueil .planStatistique .interrupteur{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.pageAccueil .planStatistique .interrupteur input[type=checkbox]{
    margin-left: 0px;
}

.pageAccueil .planStatistique .tableau{
    overflow-x: auto;
    max-width: 100%;
}

.pageAccueil .planStatistique table{
    border-collapse: collapse;
    width: 100%;
    margin-top: 16px;
}

.pageAccueil .tableauResultats table{
    table-layout: fixed;
}

.pageAccueil .planStatistique .ligneTotal{
    font-weight: bold;
}

.pageAccueil .planStatistique .enteteColonne{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.pageAccueil .planStatistique .enteteColonne img{
    width: 24px;
    height: 24px;
}

/*Conteneur volant utilisateur-----------------*/

.page.pageAccueil  .conteneurVolantUtilisateur{
    top: 0px;	/* .entete est désormais hors de .contenuPrincipal (son ancre position:relative), donc plus besoin de compenser sa hauteur ici */
	right: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.page.pageAccueil  .conteneurVolantUtilisateur .actions{
	margin-top: 10px;
	border-top: solid 2px #e4e4e4;
	display: flex;
	flex-direction: column;
}

.page.pageAccueil  .conteneurVolantUtilisateur .actions a{
	margin-top: 15px;
	color: var(--couleurSurFondConteneur);
}

.page.pageAccueil  .conteneurVolantUtilisateur .actions a:hover{
	margin-top: 15px;
	color: var(--couleurPrincipale);
}

.pageAccueil .toastErreur{
    display: flex;
}

.pageAccueil .toastErreur svg{
    margin: 5px;
    fill : var(--couleurErreur);
}

/*Tableau Consommables -----------------*/

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe {
    overflow: auto;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table tr {
    background-color: #fff;
}


.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table th,  .pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table td {
    border: 1px solid #d1d9e0;
    padding: 6px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table td.celluleCouloir {
    
    background-color: #f6f8fa;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table td.cellulePointDeTir {
    padding-left: 15px;
    background-color: #f6f8fa;
    color: grey;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table td.celluleLigneNombre {
    text-align: center;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table th {
    font-weight: normal;
    text-align: center;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table th.total {
    text-align: right;
    padding-right: 13px;
}

.pageAccueil .conteneurTiroirEquipe .tableauConsommationExplosifEquipe table .celluleVide {
    border: none;
}

.pageAccueil .conteneurOnglet{
    display: flex;
    background-color: var(--couleurFondConteneur);
    border-top: 1px solid #FFFFFF80
}

.pageAccueil .conteneurOnglet .champOnglet{
    width: 50%
}

.pageAccueil .conteneurOnglet .champOnglet .bouton{
    height: 32px;
}

.pageAccueil .ligneFiltre{
    background-color: var(--couleurFondConteneur);
    border-radius: 10px;
    display: flex;
    padding: 10px;
    border: 1px solid #B3B3B380;
}

.pageAccueil .ligneFiltre .conteneurFiltre{
    display: flex;
    flex: 1;
    align-items: center;
    column-gap: 8px;
    padding-left: 10px;
}

.pageAccueil .ligneFiltre .conteneurFiltre:first-child{
    padding-left: 0;
    padding-right: 10px;
}

.pageAccueil .ligneFiltre .conteneurFiltre:last-child:not(:only-child){
    justify-content: right;
}

/* Vue equipe carto */

.pageAccueil .conteneurTiroirEquipe .viewportImageVueEquipe {
    width: 100%;
    height: 100%;
    background-color: var(--couleurFondCarte);
}

.pageAccueil .viewportImage .messageSuperpose{
    position: absolute;
    font-size: 16px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 10;
}

.pageAccueil .planVueGlobale .viewportImage .messageSuperpose{
    color: red;
}

.pageAccueil .conteneurTiroirEquipe .viewportImageVueEquipe .indication {
  color: var(--couleurSurFondCarte);
}

.pageDialogueActionVueGlobale > .conteneur{
    min-width: 280px;
}
.pageDialogueImpressionVueGlobale .parametre{
  padding: 5px;
}


/* Tout en mm pour la partie imprimée afin de correspondre à ce qui sera imprimé */

.pageDialogueImpressionVueGlobale.dialogueAvecBandeau > .conteneur{
  max-width: unset;
}

@media only screen and (min-height: 601px) and (max-height: 799px) {
  .dialogue.pageDialogueImpressionVueGlobale > .conteneur > .contenu {
    max-height: unset;
  }
}

.pageDialogueImpressionVueGlobale > .conteneur > .contenu{
  width: 277mm; /* 297 - 10 mm de marge * 2 */
  height: 190mm;  /* 210 - 10 mm de marge * 2 */
  zoom: 0.75; /* j'ai besoin que tout soit affiché dans le bon format et sans risque d'avoir des scrolls. Ne marchera pas sur petit écran ok REM*/
}

.pageDialogueImpressionVueGlobale .conteneurEnteteImageVueGlobale{
  display: flex;
  border: solid 1px black;
  height: 9mm;
  padding: 1mm;
}

.pageDialogueImpressionVueGlobale .conteneurEnteteImageVueGlobale .libelleStation{
  line-height: 9mm;
}

.pageDialogueImpressionVueGlobale .conteneurEnteteImageVueGlobale .libelleVueGlobale{
  flex: 1;
  text-align: center;
  font-weight: bold;
  line-height: 9mm;
}

.pageDialogueImpressionVueGlobale .conteneurImageEtLegendeVueGlobale{
  display: flex;

}

.pageDialogueImpressionVueGlobale .viewportImage{
  flex: 1;
  height: 178mm;  /* 190 - entête (pas 9 mm car padding + border) */ 
}

.pageDialogueImpressionVueGlobale .viewportImage .messageSuperpose{
  display: none;
}

.pageDialogueImpressionVueGlobale .listeLegendeVueGlobale{
  width: 80mm;
  height: 178mm;   /* 190 - entête (pas 9 mm car padding + border) */ 
}

.pageDialogueImpressionVueGlobale .listeLegendeVueGlobale .element{
  font-size: 10px;
}

@media print {
  @page {
    size: A4 landscape;
    margin: 10mm;
  }

  body * {
    visibility: hidden;
  }

  .pageDialogueImpressionVueGlobale .contenu,
  .pageDialogueImpressionVueGlobale .contenu * {
    visibility: visible;
  }
  
  .pageDialogueImpressionVueGlobale > .conteneur > .contenu {
    position: absolute;
    width: 277mm;
    height: 190mm;
    top: 0px;
    left: 0px;
    zoom: 1;  /* pour remettre le bon zoom à l'impression */
  }

  .pageDialogueImpressionVueGlobale{
    /* pour ne pas que le mode d'économie d'encre s'active et donc n'affiche pas les couleurs */
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact; /* Chrome/Edge/Safari */
    color-adjust: exact; /* ancienne syntaxe */
  }


  .pageDialogueImpressionVueGlobale .viewportImage{
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / vieux Edge */
  }

  .pageDialogueImpressionVueGlobale .viewportImage::-webkit-scrollbar {
    display: none;              /* Chrome, Safari, Edge récent */
  }
  
}
.pageDialogueListeEquipeAlerte.pageDialogueListeEquipeAlerte > .conteneur{
    min-width: 650px;
    max-width: 650px;
}

/*
    standard.css impose un bandeau orange (.dialogue.dialogueAvecBandeau > .conteneur > .entete, 4 classes) pour toutes
    les dialogues "avec bandeau". Ici on veut exceptionnellement du rouge (alerte) : on répète notre propre classe de
    page pour dépasser cette spécificité sans !important.
*/
.pageDialogueListeEquipeAlerte.pageDialogueListeEquipeAlerte.dialogueAvecBandeau > .conteneur > .entete{
    background-color: #c0392b;
}

/*
    .titre > span (standard.css) cible les enfants directs de .titre pour la couleur/marges du texte du bandeau ; comme
    le titre et le sous-titre sont maintenant dans un .conteneurTitre pour pouvoir être empilés, on reproduit ce style ici.
*/
.pageDialogueListeEquipeAlerte .entete .titre .conteneurTitre{
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.pageDialogueListeEquipeAlerte .entete .titre .conteneurTitre span{
    color: var(--couleurSurPrincipale);
}

.pageDialogueListeEquipeAlerte .entete .titre .conteneurTitre .libelleSousTitre{
    font-size: 12px;
    opacity: 0.85;
}

.pageDialogueListeEquipeAlerte .listeEquipeAlerte .conteneurLigne{
    justify-content: center;
}

.pageDialogueListeEquipeAlerte .listeEquipeAlerte .bouton{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
}

.pageDialogueListeEquipeAlerte .listeEquipeAlerte .bouton img{
    width: 24px;
}

.pageDialogueListeEquipeAlerte .listeEquipeAlerte .bouton.boutonConfirmerContact{
    background-color: var(--couleurValidation);
    color: var(--couleurSurValidation);
    margin-left: 10px;
}

.pageDialogueListeEquipeAlerte .listeEquipeAlerte .bouton.boutonConfirmerContact:hover{
    background-color: var(--couleurValidationVariante);
}

.pageDialogueListeEquipeAlerte .conteneur .pied .bouton.boutonAnnuler{
    width: 220px;
}


/* .combo .separateur et .conteneurBouton mutualisés dans public/style/style.css */

.pageDialogueSaisieDeplacement.dialogueAvecBandeau > .conteneur {
    width: 400px;
    max-width: 400px;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur .libelle{
    font-size: 14px;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur .libelle.sousTitre{
    margin-left: 10px;
    color: black;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur > .contenu.formulaire .groupe > .contenu{
    flex-wrap: unset;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur input[type="checkbox"]{
    margin-right: 15px;
    width: 16px;
    height: 16px;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur .groupe .contenu, .pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur .groupe .ligne{
    align-items: center;
}

.pageDialogueSaisieDeplacement.dialogueAvecBandeau .conteneur .groupe div:first-child{
    align-items: center;
    flex: 1;
}

.pageDialogueSaisieEquipe.dialogueAvecBandeau > .conteneur{
   width: 400px;
}

.pageDialogueSaisieEquipe .dialogue.dialogueSuppression .conteneur{
    width: 350px;
}

.pageDialogueSaisieEquipe .dialogue.dialogueSuppression .ligne .saisie{
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width:1023px) {
    .pageDialogueSaisieEquipe.dialogueAvecBandeau > .conteneur{
        max-height: 500px;
    }
}

/* .combo .separateur et .dialogue .code mutualisés dans public/style/style.css */
.pageDialogueSaisieEquipeHelico .formulaire .radioInterrupteurDeclenchement {
    display: flex;
}

.pageDialogueSaisieEquipeHelico  > .conteneur > .contenu.formulaire .radioInterrupteurDeclenchement .interrupteur:not(:first-child) input[type="checkbox"] {
    margin-left: 5px;
}

.dialogue > .conteneur > .contenu.formulaire .ligne .interrupteur input[type="checkbox"] {
    width: auto;
}

.dialogue > .conteneur > .contenu.formulaire .groupe > .contenu > .ligne.ligneEtire {
    flex-basis: 100%;
}

.dialogue > .conteneur > .contenu.formulaire .ligne > .saisie > input[type="time"]:first-child:not(.interrupteur) {
    width: fit-content;
    min-width: 75px;
}

/* .dialogue .code mutualisé dans public/style/style.css */

.pageDialogueSaisieEquipeHelico .dialogue.dialogueSuppression .conteneur{
    width: 350px;
}

.pageDialogueSaisieEquipeHelico .dialogue.dialogueSuppression .ligne .saisie{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu.formulaire .ligne .saisie input[type="date"]{
    width: 130px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau > .conteneur{
    min-width: 600px;
    max-width: 600px;
}

@media only screen and (max-height: 600px) and (max-width: 1023px) {
  .pageDialogueSaisieEvenement.dialogue.dialogueAvecBandeau > .conteneur > .formulaire {
    min-height: 370px;
  }
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .formulaire{
    min-height: 290px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .ligneInterrupteur{
    display:flex;
    justify-content: center;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .interrupteurBascule{
    width: 250px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .boutonTitre{
    display: flex;
    color: var(--couleurSurPrincipale);
    align-content: center;
    background-color: var(--couleurSecondaire);
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .boutonTitre img{
    margin-right: 5px;
}

.pageDialogueSaisieEvenement.pageDialogueSaisieEvenement.dialogueAvecBandeau > .conteneur > .entete {
    margin: 0px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .pied .boutonAppliquer{
    background-color: var(--couleurPrincipale);
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne{
    align-items: center;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne button{
    width: 24px;
    height: 24px;
    margin-left: 5px;
    min-height: unset;
    margin-top :0;
    margin-right :0;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne .espace{
    width: 29px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne .libelle{
    font-size: 14px;
    margin-bottom: 5px;
}

.pageDialogueSaisieEvenement.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .groupe > .contenu{
    display: unset;
}

.pageDialogueSaisieEvenement.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .ligne .saisie input[type="time"]{
    width: fit-content;
    min-width: 75px;
}

.pageDialogueSaisieEvenement.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .contenu .contenu .ligne input[type="checkbox"]{
    width: unset;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .contenu.formulaire .conteneur .contenu .ligneDouble .contenu{
    align-items: center;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .sousEntete{
    background-color: var(--couleurSecondaire);
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .sousEntete .action img{
    width: 24px;
    margin-left: 10px;
}


.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .sousEntete .action img:last-child{
    margin-right: 10px;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .sousEntete .titre{
    display: flex;
    align-items: center;
    color: var(--couleurSurSecondaire);
    justify-content: center;
    flex: 1;
}

.pageDialogueSaisieEvenement.dialogueAvecBandeau .conteneur .sousEntete .titre img{
    margin-left: 10px;
}

.pageDialogueSaisieEvenement .piano {
    width: 100%;
}

.pageDialogueSaisieEvenement .conteneur > .contenu.formulaire .ligneDouble > .contenu .ligne.ligneRemplace{
    padding-left: 0px;
}

.pageDialogueSaisieEvenement.pageDialogueSaisieEvenement.dialogueAvecBandeau .pied{
    margin-top: 0;
    padding: 10px;
}



.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau > .conteneur{
    width: 800px;
    max-width: unset;
}


.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste{
    height: 300px;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste{
    margin-top: 10px;
    overflow-y: auto;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .conteneurLigne{
    align-items: center;
    flex-direction: row;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .imgPreparation{
    height: 24px;
    width: 24px;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .piano{
    flex: 1;
    margin-right: 10px;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .piano .element{
    padding: 0;
    margin: 0;
    box-shadow: none;
    transition: none;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .piano .element.selectionne{
    border: none;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .conteneurLigne.avecPiano{
    flex: 2;
}

.pageDialogueSaisieEvenementHelico.dialogueAvecBandeau .conteneur .liste .bouton{
    min-height: 16px;
    margin-right: 5px;
    background-color: var(--couleurPrincipale);
    color: var(--couleurSurPrincipale);
    border: none;
    cursor: pointer;
    height: 24px;
    padding: 5px;
    border-radius: 5px;
}

/* .combo .separateur et .conteneurBouton mutualisés dans public/style/style.css */

.pageDialogueSaisieFinRateTir.dialogueAvecBandeau > .conteneur{
    width: 400px;
    max-width: unset;
}

.pageDialogueSaisieFinRateTir.dialogueAvecBandeau .conteneur .libelle{
    font-size: 14px;
}

.pageDialogueSaisieFinRateTir .conteneur .pied .bouton.boutonValider{
    width: 150px;
}
.pageDialogueSaisiePIDA.dialogueAvecBandeau .entete .action .interrupteurBascule{
    width: 140px;
    margin-right: 100px;
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau .entete .action .interrupteurBascule .slider b{
    font-weight: normal;
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau .entete .action .interrupteurBascule .slider:before{
    background-color: var(--couleurPrincipale);
    opacity: 1;
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau .entete .action .interrupteurBascule label input:not(:checked) + .slider b:first-child{
    color: var(--couleurSurPrincipale);
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau .entete .action .interrupteurBascule label input:checked + .slider b:last-child{
    color: var(--couleurSurPrincipale);
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau .conteneur .contenu.formulaire .ligne .saisie input[type="date"]{
    width: 130px;
}

.pageDialogueSaisiePIDA.dialogueAvecBandeau > .conteneur{
    min-width: 400px;
    max-width: 400px;
}

/* .dialogue .code mutualisé dans public/style/style.css */

.pageDialogueSaisiePIDA .dialogue .ligne .saisie{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pageDialogueSaisiePIDA .dialogue.dialogueSuppression .conteneur{
    width: 350px;
}

.pageDialogueSaisiePIDA .conteneur .pied .boutonImprimer{
    background-color: var(--couleurPrincipale);
}

.pageDialogueSaisiePIDA .interrupteurBascule label .slider{
    background-color: #ecf0f1;
}
.pageDialogueSaisiePreparationHelico > .conteneur{
    width: 600px;
    max-width: unset;
}

.pageDialogueSaisiePreparationHelico > .conteneur > .contenu.formulaire{
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.pageDialogueSaisiePreparationHelico .liste{
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.pageDialogueSaisiePreparationHelico .liste .element{
    display: flex;
    align-items: center;
}

.pageDialogueSaisiePreparationHelico > .conteneur > .contenu.formulaire input[type="checkbox"]{
    width: 30px;
}

.pageDialogueSaisiePreparationHelico .ligne.ligneTotal span:first-child{
    margin-right: 10px;
}

.pageDialogueSaisieRetourPIDA > .conteneur{
    min-width: 400px;
    max-width: 600px;
}

.pageDialogueSaisieRetourPIDA table{
    border-collapse: collapse;
}

.pageDialogueSaisieRetourPIDA table th{
    font-weight: normal;
}



.pageDialogueSelectionCatex.dialogueAvecBandeau > .conteneur{
    width: 450px;
}

.pageDialogueSelectionCatex.dialogueAvecBandeau .conteneur .liste{
    max-height: 300px;
}

.pageDialogueSelectionCatex.dialogueAvecBandeau .conteneur input[type="checkbox"]{
    width: 14px;
}


.pageDialogueSelectionEquipe.dialogueAvecBandeau > .conteneur{
    width: 450px;
}

.pageDialogueSelectionEquipe.dialogueAvecBandeau .conteneur .liste{
    max-height: 300px;
}

.pageDialogueSelectionEquipeSecteur.dialogueAvecBandeau > .conteneur{
    max-width: 450px;
}

.pageDialogueSelectionEquipeSecteur.dialogueAvecBandeau > .conteneur .indication{
    margin-top: 10px;
    text-align: center;
    color: #767676;
    font-style: italic;
}

.pageDialogueSelectionEquipeSecteur.dialogueAvecBandeau .conteneur .liste{
    max-height: 300px;
}

.pageDialogueSelectionGazex.dialogueAvecBandeau > .conteneur{
    width: 450px;
}

.pageDialogueSelectionGazex.dialogueAvecBandeau .conteneur .liste{
    max-height: 300px;
}
.pageDialogueSelectionPida > .conteneur{
    min-width: 500px;
}

.pageDialogueSelectionPida .iconeStatutPida{
    width: 24px;
    margin-right: 10px;
}


/* largeur du conteneur et max-height de la liste mutualisées dans public/style/style.css */
.pageDialogueSelectionPreparation.dialogueAvecBandeau .conteneur .liste{
    min-height: 300px;
}

.pageDialogueSelectionPreparation.dialogueAvecBandeau .conteneur .liste .element{
    box-shadow: unset;
    transition: none;
    border-bottom: 1px solid #d4d4d4;
    padding-left: unset;
    padding-right: unset;
    margin-left: unset;
    margin-right: unset;
}

.pageDialogueSelectionPreparation.dialogueAvecBandeau .conteneur .liste .element:first-child{
    border-top: 1px solid #d4d4d4;
}

.pageDialogueSelectionPreparation.dialogueAvecBandeau .conteneur .liste .element:not(:first-child){
    padding-top: unset;
}

.pageDialogueSelectionPreparation.dialogueAvecBandeau .conteneur .liste .element:hover{
    box-shadow: unset;
    cursor: default;
}

.pageDialogueSelectionSecteur > .conteneur{
    min-width: 500px;
}

.pageDialogueSelectionTypeEquipe .boutonAvecImage{
    min-width: 220px;
}

.pageDialogueSelectionTypeEquipe .boutonAvecImage img{
    filter: brightness(0) invert(1);
}

.pageDialogueSelectionTypeEquipe.dialogueSelection .conteneur{
    max-width: 260px;
    width: 260px;
}
.pageDialogueValidationEquipe.dialogueAvecBandeau > .conteneur{
    width: 400px;
    max-width: unset;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .volet{
    height: 250px;
    display: flex;
    flex-direction: column;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .libelle{
    flex: 1;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 5px;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .titreLibelle{
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    margin-top: 10px;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .liste{
    overflow-y: auto;
    flex: 1;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .listeResumeEvenementTir .ligne1{
    display: flex;
    align-items: center;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .listeResumeEvenementTir .ligne1 .titre{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    flex: 1;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .listeResumeEvenementTir .ligne1 .libelleEtatType{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 5px;
    flex: 1;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .volet .liste .ligne1{
    display: flex;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .volet .liste .ligne1 .quantite{
    width: 20px;
}

.pageDialogueValidationEquipe.dialogueAvecBandeau .contenu .volet .liste .ligne1 .nom{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex:1;
}


.pageFicheParametrageVueGlobale .entete .secondaire{
    justify-content: center;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto{
    width: 550px;
    padding: 0 5px 5px 5px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; /* pour ne pas varier selon l'affichage ou non de l'ascenseur */
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .champOnglet{
    margin-bottom: 5px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .plan{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .ligne{
    display: flex;    
    flex-wrap: wrap;    /* à améliorer car pas parfait, mais comme normalement écran grande taille cela suffira, cela reste utilisable */
    margin-top: 5px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .ligne select, .pageFicheParametrageVueGlobale .conteneurElementPhoto .ligne input{
    flex: 1;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .ligne select{
    margin-right: 5px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .ligne label{
    line-height: 24px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste{
    flex: 1;
    overflow: auto;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .element{
    display: flex;
    align-items: center;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .conteneurLibelle{
    display: flex;
    flex: 1;
    justify-content: center;
    flex-direction: column;
    min-width: 0px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .conteneurLibelle > div{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .couloir{  
    font-weight: bold;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .pointDeTir{
    margin-left: 50px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste button{
    width: 145px;
    margin: 0 5px 0 0;
    height: 30px;
    min-height: unset;
    background-color: var(--couleurFond);
    display: flex;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste button:last-child{
    width: 25px;
    padding-top: 3px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste button:hover{
    background-color: var(--couleurInactif);
    color: white;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .conteneurVolant button{
    width: 200px;
    margin: 5px 0px 0px 0px;
    color: var(--couleurSurFond);
    justify-content: center;
    align-items: center;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste .conteneurVolant button:first-child{
    margin-top: 0px;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste button:hover span{
    color: white;
}

.pageFicheParametrageVueGlobale .conteneurElementPhoto .liste button span{
    flex: 1;
    line-height: 28px;
    color: var(--couleurSurFond);
    text-wrap: nowrap;
}

.pageFicheParametrageVueGlobale .conteneurImage{
    width: calc(100% - 550px);
    background-color: var(--couleurFondCarte);
    box-sizing: border-box; /* pour ne pas varier selon l'affichage ou non de l'ascenseur */
    color: var(--couleurSurFondCarte);
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage{
    display: flex;
    padding: 5px;
    height: 52px;
    box-sizing: border-box;
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage .conteneurActionEnCours{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage .conteneurActionEnCours span{
    margin-left: 5px;
    margin-right: 5px;
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage button{
    margin: 0 5px 0 0;
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage .remplisseur{
    flex: 1;
}

.pageFicheParametrageVueGlobale .conteneurImage .conteneurActionImage .libellePositionCurseur{
    width: 105px;
    line-height: 21px;
}

.pageFicheParametrageVueGlobale .conteneurImage .viewportImage{
    height: calc(100% - 52px);
    width: 100%;
}



.pageFichePreparationPIDA .secondaire .ligne{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.pageFichePreparationPIDA .partieGauche{
    display: flex;
    justify-self: start;
    align-items: center;
}

.pageFichePreparationPIDA .partieGauche .saisie:not(:first-child){
    margin-left: 5px;
    margin-right: 5px;
}

.pageFichePreparationPIDA .partieDroite{
    display: flex;
    justify-self: end;
}

.pageFichePreparationPIDA .partieDroite button{
    max-width: 170px;
}

.pageFichePreparationPIDA .secondaire .ligne .enonce{
    justify-self: center;
}

.pageFichePreparationPIDA .liste{
    height: 75%;
    overflow: auto;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction{
    flex-direction: column;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .conteneurLigne{
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .conteneurLigne .nomCheminement{
    width: 150px;
    font-weight: bold;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .conteneurLigne select{
    margin-left: 10px;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .conteneurMultiLigne{
    flex-direction: column;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .conteneurMultiLigne .lignePointDeTir:not(:last-child){
    margin-bottom: 15px;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .piano .element{
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    box-shadow: none;
    transition: none;
}

.pageFichePreparationPIDA .liste .element.elementAvecBoutonAction .piano .element.selectionne{
    border: none;
}

.pageFichePreparationPIDA .ligneResume{
    display: flex;
}

.pageFichePreparationPIDA .tableau{
    flex: 1;
    background-color: white;
    margin: 10px;
    border-radius: 10px;
}

.pageFichePreparationPIDA .tableau .boutonAjouter{
    background-color: unset;
    height:32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    margin: 0;
}

.pageFichePreparationPIDA .tableau table{
    width: 100%;
    /*border: 1px solid #d1d9e0;*/
    border-collapse: collapse;
}

.pageFichePreparationPIDA .tableau th, .pageFichePreparationPIDA .tableau td{
    /*border: 1px solid #d1d9e0;*/
    border-collapse: collapse;
}

.pageFichePreparationPIDA .tableau .colonneBouton > div{
    justify-content: center;
    display: flex;
}

/* .quantite mutualisé dans public/style/style.css */


.pageFicheStatistique.pageSaisie > .contenu > .formulaire{
	width: calc(100% - 30px);
}

.pageFicheStatistique .secondaire .ligne{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}

.pageFicheStatistique .secondaire .ligne .partieGauche{
	justify-self: start;
	display: flex;
	align-items: center;
	gap: 16px;
}

.pageFicheStatistique .secondaire .ligne .enonce{
	justify-self: center;
}

.pageFicheStatistique .secondaire .ligne .partieDroite{
	justify-self: end;
	display: flex;
	align-items: center;
}

.pageFicheStatistique .contenu .formulaire > .champOnglet{
	margin-bottom: 16px;
}

.pageFicheStatistique .indicationMessageVide{
	color: #767676;
	font-style: italic;
	padding: 20px;
}

.pageFicheStatistique .tableau{
	overflow-x: auto;
	max-width: 100%;
}

.pageFicheStatistique table{
	border-collapse: collapse;
	width: 100%;
}

.pageFicheStatistique table .ligneTotal{
	font-weight: bold;
}

.pageFicheStatistique .conteneurCouloir .ligneDouble{
	margin-bottom: 16px;
}

.pageFicheStatistique .listeEvenementCouloir{
	overflow-x: auto;
}

/* grille partagée entre l'entête et les lignes : même grid-template-columns des deux côtés pour garantir l'alignement */
.pageFicheStatistique .enteteListeEvenementCouloir,
.pageFicheStatistique .listeEvenementCouloir .element{
	display: grid;
	grid-template-columns: 190px 130px 140px 60px 160px 200px;
	align-items: center;
	column-gap: 10px;
	padding: 6px 10px;
	min-width: fit-content;
}

.pageFicheStatistique .listeEvenementCouloir .element{
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #d1d9e0;
}

.pageFicheStatistique .listeEvenementCouloir .element:nth-child(odd){
	background-color: #f6f8fa;
}

.pageFicheStatistique .listeEvenementCouloir .colonne{
	display: flex;
	align-items: center;
	gap: 4px;
	overflow: hidden;
}

.pageFicheStatistique .listeEvenementCouloir .colonne img{
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.pageFicheStatistique .listeEvenementCouloir .colonne.nomPointDeTir{
	font-weight: bold;
}

.pageFicheStatistique .tableauTotalCouloir{
	margin-top: 16px;
}

.pageFicheStatistique .tableauTotalCouloir table{
	table-layout: fixed;
}

.pageFicheStatistique table th{
	font-weight: normal;
}

.pageFicheStatistique .enteteListeEvenementCouloir{
	font-weight: bold;
	background-color: #f3f3f3;
	border-bottom: 2px solid #d1d9e0;
}

.pageFicheStatistique .tableauTotalCouloir .enteteColonne{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.pageFicheStatistique .tableauTotalCouloir .enteteColonne img{
	width: 24px;
	height: 24px;
}

.pageFicheStatistique .secondaire .boutonImage{
	min-height: 38px;
	background-color: var(--couleurPrincipale);
	color: var(--couleurSurPrincipale);
	border: none;
	cursor: pointer;
	height: 42px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding-left: 5px;
	padding-right: 5px;
}

.pageFicheStatistique .secondaire .boutonImage img{
	margin-right: 5px;
	width: 24px;
}
.pageSaisie.pageIdentification > .contenu > .formulaire{
	padding: 0px 0px 10px 0px;
	border-radius: 10px;	/* TODO à mettre dans standard.css si on décide que toutes les pages soient arrondies */
}

.pageSaisie.pageIdentification > .contenu > .formulaire .bouton{
	border-radius: 10px;	/* TODO à mettre dans standard.css si on décide que toutes les pages soient arrondies */
}

.pageSaisie.pageIdentification > .contenu > .formulaire .imageEntete img{
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px 10px 0px 0px;
}

.pageSaisie.pageIdentification > .contenu > .formulaire .ligne{
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 10px;
}

.pageSaisie.pageIdentification > .contenu > .formulaire .pied{
	justify-content: center;
}

.pageSaisie.pageIdentification > .contenu > .formulaire .pied .bouton{
	min-width: 200px;
}

.pageSaisie.pageIdentification > .contenu > .formulaire .juridique{
	font-size: 11px;
	margin: 20px;
	text-align: center;
}

.pageSaisie.pageIdentification > .contenu > .formulaire .copyright{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

.pageSaisie.pageIdentification .contenu .identification .saisieAvecIcone{
	justify-content: center;
	text-align: center;
	align-items: center;
}

.pageSaisie.pageIdentification.modificationMotdepasse{
	margin-top: 5px;
}

.pageSaisie.pageIdentification .saisieAvecIcone input{
	width: 50%;
}

.pageSaisie.pageIdentification .saisieAvecIcone select{
	width: 50%;
}
.pageListeArtificier .apteHelico{
	color: var(--couleurDetailListe);
}

.pageListeCouloir .liste ul{
    margin: 5px 0px 5px 0px;
    padding : 5px 0px 5px 13px;
    border-top: 1px solid #999;
}

.pageListeCouloir .liste li{
   margin: 0px;
   list-style-type: none;
}

.pageListeCouloir .liste .ligne1 span{
    color: #666;
}

.pageListeCouloir .liste ul span{
    color: #666;
    font-size: 13px;
}
.pageListePhotoVueGlobale .liste .ligne1 span{
    color: #666;
}

.pageMosaiqueParametre .mosaique .element{
	width: 200px;
	text-align: center;
	display: flex;
}

.pageMosaiqueParametre .mosaique .element .conteneurImage{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageMosaiqueParametre .mosaique .element .conteneurImage img{
	width: 48px;
}

.pageMosaiqueParametre .mosaique .element .conteneurDescription{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageMosaiqueParametre .entete .secondaire {
    justify-content: center;
}
.pageOutilAMS > .contenu > .conteneurBoutons {
    margin: 15px auto 15px auto;
    padding: 10px;
    background-color: var(--couleurFondConteneur);
    color: var(--couleurSurFondConteneur);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@media screen and (min-width: 1024px) {
	.pageOutilAMS > .contenu > .conteneurBoutons {
		width: 500px;
	}
}

@media screen and (max-width: 1023px) {
	.pageOutilAMS > .contenu > .conteneurBoutons {
		width: calc(100% - 30px);
	}
}
.pageSaisieCheminement .liste ul{
    margin: 5px 0px 5px 0px;
    padding : 5px 0px 5px 13px;
    border-top: 1px solid #999;
}

.pageSaisieCheminement .liste li{
   margin: 0px;
   list-style-type: none;
}

.page.pageSaisie.pageSaisieCheminement > .contenu > .formulaire {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.pageSaisieCheminement > .contenu > .formulaire > .conteneurColonne{
    flex: 1;
    display: flex;
 }

.pageSaisieCheminement .colonneChamp{
    flex: 1;
    height: 650px;
    border-right: 1px solid #999;
    padding-right: 10px;
    margin-right: 10px;

    display: flex;
    flex-direction: column;
}

.pageSaisieCheminement .colonneChamp .ligneListePosition{
    flex: 1;
    overflow: auto;
}

.pageSaisieCheminement .colonnePhoto{
    flex: 1.5;
    height: 650px;
    display: flex;
    flex-direction: column;
    width: 0px; /* pour calcul flex */

    background-color: var(--couleurSurFond);
    color: var(--couleurFond);
}

.pageSaisieCheminement .colonnePhoto .viewportImage{
    flex: 1;
    width: 100%;
} 

.pageSaisieCheminement .colonnePhoto .conteneurModificationPhoto{
    align-self: center;
    text-align: center;
    padding: 5px;

}

.pageSaisieCheminement .colonnePhoto .conteneurActionPositionPhoto{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 52px;
    box-sizing: border-box;
}

.pageSaisieCheminement .colonnePhoto .conteneurActionPositionPhoto span{
    margin-right: 5px;
}


.pageSaisieCheminement .iconePositionPhoto{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.pageSaisieCheminement .liste.listePosition .ligne1-2{
    display: flex;
}

.pageSaisieCheminement .liste.listePosition .ligne1-2 img:first-child{
    margin-left: 10px;
}

.pageSaisieCheminement .liste.listePosition .ligne1-2 span{
    margin-right: 5px;
}

.pageSaisieCheminement .liste.listePosition .conteneurActionDroite svg.boutonFlag{
    cursor: pointer;
}

.pageSaisieCheminement .liste.listePosition .conteneurActionDroite button{
    width: 25px;
    height: 25px;
    min-height: unset;
    padding-top: 3px;
    margin: 0 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--couleurFond);
}

.pageSaisieCheminement .liste.listePosition .conteneurActionDroite button svg{
    margin: 0;
    width: 16px;
    height: 16px;
}

.pageSaisieCheminement .liste.listePosition .conteneurActionDroite button:hover{
    background-color: var(--couleurInactif);
    color: white;
}

.pageSaisieCheminement .liste.listePosition .conteneurVolant button{
    width: 200px;
    height: 30px;
    min-height: unset;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--couleurFond);
    color: var(--couleurSurFond);
}

.pageSaisieCheminement .liste.listePosition .conteneurVolant button:hover{
    background-color: var(--couleurInactif);
    color: white;
}
@media screen and (min-width: 1024px) {
	.pageSaisieNouveauMotDePasse .formulaire .ligne label {
		width: 170px;
	}
}

@media screen and (max-width: 1023px) {
	.pageSaisieNouveauMotDePasse .formulaire .ligne label {
		width: 120px;
	}
}

.pageSaisieParametre.page > .contenu > .formulaire .groupe > .contenu{
    display: unset;
}

.pageSaisieParametre .pianoOnglet{
    margin-bottom: 10px;
}

.pageSaisieParametre.page > .contenu > .formulaire .ligne label {
    min-width: 135px;
}

.pageSaisieParametre.page > .contenu > .formulaire .ligne.ligneCouleur label{
    flex: 1;
}

.pageSaisieParametre #conteneurGraphique .ligne label{
    min-width: 260px;
}

.pageSaisieParametre.page > .contenu > .formulaire .ligne.ligneCouleur > div:first-of-type{
    flex: unset;
}

.pageSaisieParametre .ligneCouleur .saisieOpacite{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
    font-size: 14px;
}

.pageSaisieParametre .ligneCouleur .saisieOpacite input{
    width: 60px;
}
.pageSaisiePhoto .champUpload > label{
    text-align: center;
}

.pageSaisiePhoto .image{
    max-width: 100%;
}

.pageSaisiePhoto .nom{
    line-height: 23px;
}

.pageSaisiePhoto.page > .contenu > .formulaire .champUpload label{
	min-height: 38px;
	margin-top: 5px;
	margin-right: 5px;	
	background-color: var(--couleurPrincipale);
	color: var(--couleurSurPrincipale);
	border: none;
	cursor: pointer;
	height: 42px;
	border-radius: 5px;

    display: block;
    line-height: 42px;
}

.pageSaisiePhoto.page > .contenu > .formulaire .champUpload label:hover{
	background-color: var(--couleurPrincipaleVariante);

    color: var(--couleurSurPrincipale);
}

.page.pageSaisieSecteur > .contenu > .formulaire .ligne label{
    min-width: 120px; 
}