.grid-equipement {
    /* par défaut , aligner sur une ligne. A mettre "display: grid" dans chaque modèle configuré */
    display: flex;
    justify-content: start;
}

.tiroir .grid-equipement,
.mux .grid-equipement {
    grid-row-gap: 6px;
}

.grid-equipement .position0 { grid-area: p0 }
.grid-equipement .position1 { grid-area: p1 }
.grid-equipement .position2 { grid-area: p2 }
.grid-equipement .position3 { grid-area: p3 }
.grid-equipement .position4 { grid-area: p4 }
.grid-equipement .position5 { grid-area: p5 }
.grid-equipement .position6 { grid-area: p6 }
.grid-equipement .position7 { grid-area: p7 }
.grid-equipement .position8 { grid-area: p8 }
.grid-equipement .position9 { grid-area: p9 }
.grid-equipement .position10 { grid-area: p10 }
.grid-equipement .position11 { grid-area: p11 }
.grid-equipement .position12 { grid-area: p12 }
.grid-equipement .position13 { grid-area: p13 }
.grid-equipement .position14 { grid-area: p14 }
.grid-equipement .position15 { grid-area: p15 }
.grid-equipement .position16 { grid-area: p16 }
.grid-equipement .position17 { grid-area: p17 }
.grid-equipement .position18 { grid-area: p18 }
.grid-equipement .position19 { grid-area: p19 }
.grid-equipement .position20 { grid-area: p20 }
.grid-equipement .position21 { grid-area: p21 }
.grid-equipement .position22 { grid-area: p22 }
.grid-equipement .position23 { grid-area: p23 }
.grid-equipement .position24 { grid-area: p24 }
.grid-equipement .position25 { grid-area: p25 }
.grid-equipement .position26 { grid-area: p26 }
.grid-equipement .position27 { grid-area: p27 }
.grid-equipement .position28 { grid-area: p28 }
.grid-equipement .position29 { grid-area: p29 }
.grid-equipement .position30 { grid-area: p30 }
.grid-equipement .position31 { grid-area: p31 }
.grid-equipement .position32 { grid-area: p32 }
.grid-equipement .position33 { grid-area: p33 }
.grid-equipement .position34 { grid-area: p34 }
.grid-equipement .position35 { grid-area: p35 }
.grid-equipement .position36 { grid-area: p36 }
.grid-equipement .position37 { grid-area: p37 }
.grid-equipement .position38 { grid-area: p38 }
.grid-equipement .position39 { grid-area: p39 }
.grid-equipement .position40 { grid-area: p40 }
.grid-equipement .position41 { grid-area: p41 }
.grid-equipement .position42 { grid-area: p42 }
.grid-equipement .position43 { grid-area: p43 }
.grid-equipement .position44 { grid-area: p44 }
.grid-equipement .position45 { grid-area: p45 }
.grid-equipement .position46 { grid-area: p46 }
.grid-equipement .position47 { grid-area: p47 }
.grid-equipement .position48 { grid-area: p48 }
.grid-equipement .position49 { grid-area: p49 }
.grid-equipement .position50 { grid-area: p50 }
.grid-equipement .position51 { grid-area: p51 }
.grid-equipement .position52 { grid-area: p52 }
.grid-equipement .position53 { grid-area: p53 }
.grid-equipement .position54 { grid-area: p54 }
.grid-equipement .position55 { grid-area: p55 }
.grid-equipement .position56 { grid-area: p56 }
.grid-equipement .position57 { grid-area: p57 }
.grid-equipement .position58 { grid-area: p58 }
.grid-equipement .position59 { grid-area: p59 }
.grid-equipement .position60 { grid-area: p60 }
.grid-equipement .position61 { grid-area: p61 }
.grid-equipement .position62 { grid-area: p62 }
.grid-equipement .position63 { grid-area: p63 }
.grid-equipement .position64 { grid-area: p64 }
.grid-equipement .position65 { grid-area: p65 }
.grid-equipement .position66 { grid-area: p66 }
.grid-equipement .position67 { grid-area: p67 }
.grid-equipement .position68 { grid-area: p68 }
.grid-equipement .position69 { grid-area: p69 }
.grid-equipement .position70 { grid-area: p70 }
.grid-equipement .position71 { grid-area: p71 }
.grid-equipement .position72 { grid-area: p72 }
.grid-equipement .position73 { grid-area: p73 }
.grid-equipement .position74 { grid-area: p74 }
.grid-equipement .position75 { grid-area: p75 }
.grid-equipement .position76 { grid-area: p76 }
.grid-equipement .position77 { grid-area: p77 }
.grid-equipement .position78 { grid-area: p78 }
.grid-equipement .position79 { grid-area: p79 }
.grid-equipement .position80 { grid-area: p80 }
.grid-equipement .position81 { grid-area: p81 }
.grid-equipement .position82 { grid-area: p82 }
.grid-equipement .position83 { grid-area: p83 }
.grid-equipement .position84 { grid-area: p84 }
.grid-equipement .position85 { grid-area: p85 }
.grid-equipement .position86 { grid-area: p86 }
.grid-equipement .position87 { grid-area: p87 }
.grid-equipement .position88 { grid-area: p88 }
.grid-equipement .position89 { grid-area: p89 }
.grid-equipement .position90 { grid-area: p90 }
.grid-equipement .position91 { grid-area: p91 }
.grid-equipement .position92 { grid-area: p92 }
.grid-equipement .position93 { grid-area: p93 }
.grid-equipement .position94 { grid-area: p94 }
.grid-equipement .position95 { grid-area: p95 }
.grid-equipement .position96 { grid-area: p96 }
.grid-equipement .position97 { grid-area: p97 }
.grid-equipement .position98 { grid-area: p98 }
.grid-equipement .position99 { grid-area: p99 }
.grid-equipement .position100 { grid-area: p100 }
.grid-equipement .position101 { grid-area: p101 }
.grid-equipement .position102 { grid-area: p102 }
.grid-equipement .position103 { grid-area: p103 }
.grid-equipement .position104 { grid-area: p104 }
.grid-equipement .position105 { grid-area: p105 }
.grid-equipement .position106 { grid-area: p106 }
.grid-equipement .position107 { grid-area: p107 }
.grid-equipement .position108 { grid-area: p108 }
.grid-equipement .position109 { grid-area: p109 }
.grid-equipement .position110 { grid-area: p110 }
.grid-equipement .position111 { grid-area: p111 }
.grid-equipement .position112 { grid-area: p112 }
.grid-equipement .position113 { grid-area: p113 }
.grid-equipement .position114 { grid-area: p114 }
.grid-equipement .position115 { grid-area: p115 }
.grid-equipement .position116 { grid-area: p116 }
.grid-equipement .position117 { grid-area: p117 }
.grid-equipement .position118 { grid-area: p118 }
.grid-equipement .position119 { grid-area: p119 }
.grid-equipement .position120 { grid-area: p120 }
.grid-equipement .position121 { grid-area: p121 }
.grid-equipement .position122 { grid-area: p122 }
.grid-equipement .position123 { grid-area: p123 }
.grid-equipement .position124 { grid-area: p124 }
.grid-equipement .position125 { grid-area: p125 }
.grid-equipement .position126 { grid-area: p126 }
.grid-equipement .position127 { grid-area: p127 }
.grid-equipement .position128 { grid-area: p128 }
.grid-equipement .position129 { grid-area: p129 }
.grid-equipement .position130 { grid-area: p130 }
.grid-equipement .position131 { grid-area: p131 }
.grid-equipement .position132 { grid-area: p132 }
.grid-equipement .position133 { grid-area: p133 }
.grid-equipement .position134 { grid-area: p134 }
.grid-equipement .position135 { grid-area: p135 }
.grid-equipement .position136 { grid-area: p136 }
.grid-equipement .position137 { grid-area: p137 }
.grid-equipement .position138 { grid-area: p138 }
.grid-equipement .position139 { grid-area: p139 }
.grid-equipement .position140 { grid-area: p140 }
.grid-equipement .position141 { grid-area: p141 }
.grid-equipement .position142 { grid-area: p142 }
.grid-equipement .position143 { grid-area: p143 }

.grid-equipement .col1{ grid-area: col1 }
.grid-equipement .col2{ grid-area: col2 }
.grid-equipement .col3{ grid-area: col3 }
.grid-equipement .col4{ grid-area: col4 }
.grid-equipement .col5{ grid-area: col5 }
.grid-equipement .col6{ grid-area: col6 }
.grid-equipement .col7{ grid-area: col7 }
.grid-equipement .col8{ grid-area: col8 }
.grid-equipement .col9{ grid-area: col9 }
.grid-equipement .col10{ grid-area: col10 }
.grid-equipement .col11{ grid-area: col11 }
.grid-equipement .col12{ grid-area: col12 }
.grid-equipement .col13{ grid-area: col13 }
.grid-equipement .col14{ grid-area: col14 }
.grid-equipement .col15{ grid-area: col15 }
.grid-equipement .col16{ grid-area: col16 }
.grid-equipement .col17{ grid-area: col17 }
.grid-equipement .col18{ grid-area: col18 }
.grid-equipement .col19{ grid-area: col19 }
.grid-equipement .col20{ grid-area: col20 }
.grid-equipement .col21{ grid-area: col21 }
.grid-equipement .col22{ grid-area: col22 }
.grid-equipement .col23{ grid-area: col23 }
.grid-equipement .col24{ grid-area: col24 }
.grid-equipement .col25{ grid-area: col25 }
.grid-equipement .col26{ grid-area: col26 }
.grid-equipement .col27{ grid-area: col27 }
.grid-equipement .col28{ grid-area: col28 }
.grid-equipement .col29{ grid-area: col29 }
.grid-equipement .col30{ grid-area: col30 }
.grid-equipement .col31{ grid-area: col31 }
.grid-equipement .col32{ grid-area: col32 }
.grid-equipement .col33{ grid-area: col33 }
.grid-equipement .col34{ grid-area: col34 }
.grid-equipement .col35{ grid-area: col35 }
.grid-equipement .col36{ grid-area: col36 }
.grid-equipement .col37{ grid-area: col37 }
.grid-equipement .col38{ grid-area: col38 }
.grid-equipement .col39{ grid-area: col39 }
.grid-equipement .col40{ grid-area: col40 }
.grid-equipement .col41{ grid-area: col41 }
.grid-equipement .col42{ grid-area: col42 }
.grid-equipement .col43{ grid-area: col43 }
.grid-equipement .col44{ grid-area: col44 }
.grid-equipement .col45{ grid-area: col45 }
.grid-equipement .col46{ grid-area: col46 }
.grid-equipement .col47{ grid-area: col47 }
.grid-equipement .col48{ grid-area: col48 }
.grid-equipement .col49{ grid-area: col49 }
.grid-equipement .col50{ grid-area: col50 }
.grid-equipement .col51{ grid-area: col51 }
.grid-equipement .col52{ grid-area: col52 }

.grid-equipement .row1{ grid-area: row1 }
.grid-equipement .row2{ grid-area: row2 }
.grid-equipement .row3{ grid-area: row3 }
.grid-equipement .row4{ grid-area: row4 }
.grid-equipement .row5{ grid-area: row5 }
.grid-equipement .row6{ grid-area: row6 }
.grid-equipement .row7{ grid-area: row7 }
.grid-equipement .row8{ grid-area: row8 }
.grid-equipement .row9{ grid-area: row9 }
.grid-equipement .row10{ grid-area: row10 }
.grid-equipement .row11{ grid-area: row11 }
.grid-equipement .row12{ grid-area: row12 }

.grid-equipement .aliasLigne  {
    display: flex;
    align-items: flex-end;
}

.grid-equipement .alias1 { grid-area: alias1 }
.grid-equipement .alias2 { grid-area: alias2 }
.grid-equipement .alias3 { grid-area: alias3 }
.grid-equipement .alias4 { grid-area: alias4 }
.grid-equipement .alias5 { grid-area: alias5 }
.grid-equipement .alias6 { grid-area: alias6 }
.grid-equipement .alias7 { grid-area: alias7 }
.grid-equipement .alias8 { grid-area: alias8 }
.grid-equipement .alias9 { grid-area: alias9 }
.grid-equipement .alias10{ grid-area: alias10 }
.grid-equipement .alias11{ grid-area: alias11 }
.grid-equipement .alias12{ grid-area: alias12 }

.modele-asr-9901 {
    display: grid;
    grid-template:
        "p0 p2 p4 p6    p8 p10 p12 p14 p16 p18      p20     p22 p24 p26 p28 p30 p32     p34 p36 p38 p40"
        "p1 p3 p5 p7    p9 p11 p13 p15 p17 p19      p21     p23 p25 p27 p29 p31 p33     p35 p37 p39 p41";
}
.modele-asr-9901  .position7,
.modele-asr-9901  .position19,
.modele-asr-9901  .position21,
.modele-asr-9901  .position33
{
     margin-right:15px !important;
}

.modele-asr-9000v {
    display: grid;
    grid-template:
        "p0 p2 p4 p6 p8 p10     p12 p14 p16 p18 p20 p22     p24 p26 p28 p30 p32 p34     p36 p38 p40 p42 p44 p46"
        "p1 p3 p5 p7 p9 p11     p13 p15 p17 p19 p21 p23     p25 p27 p29 p31 p33 p35     p37 p39 p41 p43 p45 p47";
}
.modele-asr-9000v  .position11,
.modele-asr-9000v  .position23,
.modele-asr-9000v  .position35 {
    margin-right:15px !important;
}

.modele-asr-9902 {
    display: grid;
    grid-template:
        "p1 p3 p5 p7    p9 p11      p13 p15 p17 p19 p21 p23     p25 p27 p29 p31 p33 p35     p37 p39     p41 p43 p45 p47"
        "p0 p2 p4 p6    p8 p10      p12 p14 p16 p18 p20 p22     p24 p26 p28 p30 p32 p34     p36 p38     p40 p42 p44 p46";
}
.modele-asr-9902  .position7,
.modele-asr-9902  .position11,
.modele-asr-9902  .position23,
.modele-asr-9902  .position35,
.modele-asr-9902  .position39 {
    margin-right:15px !important;
}

.modele-huawei-s5732-h24s6q {
    display: grid;
    grid-template:
        "p1 p3 p5 p7 p9 p11 p13 p15   p17 p19 p21 p23   p25 p27 p29"
        "p0 p2 p4 p6 p8 p10 p12 p14   p16 p18 p20 p22   p24 p26 p28";
}

.modele-huawei-s5732-h24s6q  .position15,
.modele-huawei-s5732-h24s6q  .position23 {
    margin-right:15px !important;
}

.modele-cisco-c8500-12x {
    display: grid;
    grid-template:
        "p0 p2 p4 p6 p8 p10"
        "p1 p3 p5 p7 p9 p11";
}

.modele-patchpanelmmr {
    display: grid;
    grid-template:
        ".          col1 col2 col3 col4 col5 col6 col7 col8 col9 col10 col11 col12      col13 col14 col15 col16 col17 col18 col19 col20 col21 col22 col23 col24     ."
        ".          A1 A1 A1 A1 A1 A1 A1 A1 A1 A1 A1 A1                                 A2 A2 A2 A2 A2 A2 A2 A2 A2 A2 A2 A2                                     alias1"
        "row1       p0 p1 p2 p3 p4 p5 p6 p7 p8 p9 p10 p11                               p12 p13 p14 p15 p16 p17 p18 p19 p20 p21 p22 p23                         alias1"
        ".          B1 B1 B1 B1 B1 B1 B1 B1 B1 B1 B1 B1                                 B2 B2 B2 B2 B2 B2 B2 B2 B2 B2 B2 B2                                     alias2"
        "row2       p24 p25 p26 p27 p28 p29 p30 p31 p32 p33 p34 p35                     p36 p37 p38 p39 p40 p41 p42 p43 p44 p45 p46 p47                         alias2"
         ".         C1 C1 C1 C1 C1 C1 C1 C1 C1 C1 C1 C1                                 C2 C2 C2 C2 C2 C2 C2 C2 C2 C2 C2 C2                                     alias3"
        "row3       p48 p49 p50 p51 p52 p53 p54 p55 p56 p57 p58 p59                     p60 p61 p62 p63 p64 p65 p66 p67 p68 p69 p70 p71                         alias3";
}

.modele-patchpanelmmr .blockHeader{
    display: flex;
    justify-content: center;
    font-weight: bold;
}
.modele-patchpanelmmr .headerA1 {
    grid-area: A1;
}
.modele-patchpanelmmr .headerA2 {
    grid-area: A2;
}
.modele-patchpanelmmr .headerB1 {
    grid-area: B1;
}
.modele-patchpanelmmr .headerB2 {
    grid-area: B2;
}
.modele-patchpanelmmr .headerC1 {
    grid-area: C1;
}
.modele-patchpanelmmr .headerC2 {
    grid-area: C2;
}
.modele-patchpanelmmr .col12 {
    margin-right: 30px !important;
}
.modele-patchpanelmmr .aliasLigne {
    margin-left: 15px;
}

.modele-tetradis72fo {
    display: grid;
    grid-template:
        ".      col1    col2    col3    col4    col5    col6    col7    col8    col9    col10   col11   col12"
        "row6   p60     p61     p62     p63     p64     p65     p66     p67     p68     p69     p70     p71"
        "row5   p48     p49     p50     p51     p52     p53     p54     p55     p56     p57     p58     p59"
        "row4   p36     p37     p38     p39     p40     p41     p42     p43     p44     p45     p46     p47"
        "row3   p24     p25     p26     p27     p28     p29     p30     p31     p32     p33     p34     p35"
        "row2   p12     p13     p14     p15     p16     p17     p18     p19     p20     p21     p22     p23"
        "row1   p0      p1      p2      p3      p4      p5      p6      p7      p8      p9      p10     p11"
}


.modele-omd44 {
    display: grid;
    margin-left: 100px;
    grid-template:
        ".    col1 col2 col3 col4 col5 col6 col7 col8 col9 col10 col11 col12 col13 col14 col15 col16 col17 col18 col19 col20 col21 col22"
        "p0    p1	 p2	p3	p4	p5	p6	p7	p8	p9	p10	p11	p12	p13	p14	p15	p16	p17	p18	p19	p20	p21	p22"
        "p0    p23  p24	p25	p26	p27	p28	p29	p30	p31	p32	p33	p34	p35	p36	p37	p38	p39	p40	p41	p42	p43 p44"
        ".    col23	col24	col25	col26	col27	col28	col29	col30	col31	col32	col33	col34	col35	col36	col37	col38	col39	col40	col41	col42	col43	col44"
    ;
}
.modele-omd44  .position0 {
    margin-right:2rem !important;
    margin-top: calc( 0.5rem + 6px ) !important;
}