body
{
    width:100%;
}

.carte
{

    position:absolute;
    left:-900px;
    top:-250px;
    width:150%;
    height:236%;
    z-index:0;
}


.zones
{

    position:absolute;
    top:100px;
    z-index:1;
}

.crenshaw
{
    opacity:0.5;
    fill:#C61C1C;
    stroke:white;
    stroke-width:3px;

}

.crenshaw:hover
{
    opacity:0.7;

}

.ganton_a20
{
    opacity:0.5;
    fill:blue;
    stroke:white;
    stroke-width:3px;
}

.ganton_a20:hover
{
    opacity:0.7;

}

.ganton_a22
{
    opacity:0.5;
    fill:orange;
    stroke:white;
    stroke-width:3px;
}

.ganton_a22:hover
{
    opacity:0.7;

}

.ganton_a24
{
    opacity:0.5;
    fill:#C61C1C;
    stroke:white;
    stroke-width:3px;
}

.ganton_a24:hover
{
    opacity:0.7;

}

.ganton_a18
{
    opacity:0.5;
    fill:blue;
    stroke:white;
    stroke-width:3px;
}

.ganton_a18:hover
{
    opacity:0.7;

}

.idlewood_a8
{
    opacity:0.5;
    fill:#131E1D;
    stroke:white;
    stroke-width:3px;
}


.idlewood_a8:hover
{
    opacity:0.7;

}

.idlewood_a6
{
    opacity:0.5;
    fill:#0C2139;
    stroke:white;
    stroke-width:3px;
}

.idlewood_a6:hover
{
    opacity:0.7;

}



.idlewood_a9
{
    opacity:0.5;
    fill:#F6E497;
    stroke:white;
    stroke-width:3px;
}

.idlewood_a9:hover
{
    opacity:0.7;

}

.jefferson_a28
{
    opacity:0.5;
    fill:#13437B;
    stroke:white;
    stroke-width:3px;
}

.jefferson_a28:hover
{
    opacity:0.7;

}

.glenpark_a31
{
    opacity:0.5;
    fill:black;
    stroke:white;
    stroke-width:3px;
}

.glenpark_a31:hover
{
    opacity:0.7;

}

.liste
{
    position:fixed;
    width:300px;
    height:950px;
    background-color:black;
    z-index:2;
    opacity:0.9;
    color:white;

}

h1
{
    font-family:sans-serif;
    font-weight:600;
    text-align:center;
    margin-top:10px;
}

h2
{
    font-family:monospace;
    font-size:22px;
    font-weight:1;
    text-align:center;
    margin-top:-20px;
}

.trait
{
    background-color:white;
    width:250px;
    height:3px;
    margin-left:auto;
    margin-right:auto;
}

h3
{
    font-family:sans-serif;
    font-weight:600;
    margin-left:10px;

}

ul
{
    list-style-type: none;
}

a
{
    color:white;
    text-decoration:none;
    font-family: monospace;
    font-weight: 600;
    font-size:18px;


}

.a17
{
    margin-left:-10px;
    display:inline-block;
    background-color:red;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a20
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:blue;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a31
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:black;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a9
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:#F6E497;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a8
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:#131E1D;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a6
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:#0C2139;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a28
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:#13437B;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a22
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:orange;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a18
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:blue;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.a24
{
    margin-top:10px;
    margin-left:-10px;
    display:inline-block;
    background-color:red;
    width:12px;
    height:12px;
    border:white 1px solid;

}

.crenshaw_bloods
{
    position:absolute;
    left:1055px;
    top:450px;
    z-index:5;
    text-align:center;
}

.ganton_shotgun
{

    position:absolute;
    left:1280px;
    top:450px;
    z-index:5;
    text-align:center;

}

.glenpark_haiti
{
    position:absolute;
    left:830px;
    top:80px;
    z-index:5;
    text-align:center;
}

.skinhead
{
    position:absolute;
    left:935px;
    top:752px;
    z-index:5;
    text-align:center;

}

.almeda
{
    position:absolute;
    left:945px;
    top:640px;
    z-index:5;
    text-align:center;

}

.varrio
{
    position:absolute;
    left:970px;
    top:540px;
    z-index:5;
    text-align:center;

}

.bulldogs
{
    position:absolute;
    left:1400px;
    top:500px;
    z-index:5;
    text-align:center;

}

.harpy
{
    position:absolute;
    left:1075px;
    top:250px;
    z-index:5;
    text-align:center;
}

.grove_crips
{
    position:absolute;
    left:1180px;
    top:460px;
    z-index:5;
    text-align:center;
}

.carson
{
    position:absolute;
    left:1288px;
    top:628px;
    z-index:5;
    text-align:center;
}