.conteneurFlex {
    display:  grid;

}
.boxTab {
    display:grid;

}

.elementTab {
    display:grid;
    columns: 2;
}

.gridCreationPasseportTab1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;

}

.labelInputText
{
    display: grid;
    grid-template-columns: 1fr 2fr ;
     gap: 1rem;
}

.dlgCompetence
{
    display: grid;
    grid-template-columns: 1fr 5fr ;
    gap: 1rem;
}
#dlgCompNiv3 {
    height: 50em !important;
    width: 90%;
}
#dlgCompNiv3_content {
    height: 50em;
}
.srollbarDialog{
    max-height: 750px;
    width: 1400px;
    overflow: auto !important;
}

/************** Passeport tab 3 : bénéficiaire ****************/
.grid2tiers3tierscolumns {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 1rem;
}
.grid3tiers2tierscolumns {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
}
.grid1columns {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}
.grid2columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.grid3columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.beneficiaire{
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
}

.grid4columns
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
.grid2columnsRatio1et3
{
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 1rem;
}
.grid4columnsRatio1et3
{
    display: grid;
    grid-template-columns: 1fr 3fr 1fr 3fr;
    gap: 1rem;
}
.grid6columns
{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}
.grid5columns2
{
    display: grid;
    grid-template-columns: 5fr 1fr;
    gap: 1rem;
}
.gridRotio5fr1fr {
    display: grid;
    grid-template-columns: 5fr 1fr;
    gap: 1rem;
}
.colums1to5grid
{
    grid-column: 1 / 7;
}
.colums5to6grid
{
    grid-column: 6 / 7;
}

#militaireDateDecisionAgrement_input {
    width: 65%;
}
#militaireDateDebAgrement_input {
    width: 70%;
    }

#militaireDateFinAgrement_input {
    width: 57%;
}
#militaireDateEntreService_input {
    width: 65%;
}
#militaireDateRDC_input {
    width: 65%;
}
#militaireDateRectifie_input {
    width: 65%;
}
#militaireDateFinContrat_input {
    width: 65%;
}
#militaireDateDebAgrement {
    width: 45%;
    margin-left: 0.5em;
    display: inline-block;
}
#militaireDateDecisionAgrement {
    margin-left: 0.5em;
    width:57%;
    display: inline-block;
}

    /************** Passeport tab 2 : contact ****************/
.contact{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}
.divider1{
    grid-column: 1 / 4;
    width: 99%;
    color: #d8d8d8;
}
.divider2{
    grid-column: 4 / 7;
    width: 99%;
    color: #d8d8d8;
}
.titleDivider{
    background-color: white;
    padding-bottom: 0;
    z-index: 1;
    width: 100%;
    font-size: 30px;
    color: black;
}
.outputLabelContact{
    padding-left: 2em;
}

.inputTextAdonisContact
{
    width:10%;
    margin-left:1em;

}
.formulaireTabContact{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    padding-top:3em;
}
.one{
    grid-column: 1;
    grid-row:1;
}
.two{
    grid-column: 2;
    grid-row:1;
}
.three{
    grid-column: 3;
    grid-row:1;

}
.four{
    grid-column: 3/5;
    grid-row:1;
}
.five{
    grid-column: 6;
    grid-row:1;
}
.six{
    grid-column: 3/5;
    grid-row:2;
}
/********** FDE / FP ********/
.descriptifFde{
    grid-column: 1;
    grid-row:1/3;
}
.descriptifEmployeurFde{
    grid-column: 2;
    grid-row:1/3;
}
#datePriseDePoste_input {
    width:60%;
}

.enteteFp{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr;
    gap: 1rem;
}
.descriptifFp{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr;
    gap: 1rem;
}

.infoFdeFP{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
}

.infoFdeFPHC{
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.9fr 1.2fr 0.9fr 1.5fr;
    gap: 1rem;
}

.bandeauRecherche{
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 1rem;
}