@font-face {
    font-family: enigmatic;
    src: url("../fonts/enigmatic.ttf");
}

@font-face {
    font-family: cs;
    src: url("../fonts/cs.ttf");
}


* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: enigmatic;
    font-size: 12pt;
}

header {
    height: 38px;
    color: white;
    border-bottom: 1px solid black;
    background-color: #3d4c5a;
    /*background-color: #333333;*/
}

header a, header a:visited {
    color: inherit;
    display: inline-block;
    padding: 0.67em 1.33em;
    text-decoration: none;
}

#mapid {
    height: calc(100vh - 38px);
    background-color: #383838;
}

.leaflet-control {
    font-family: enigmatic;
    letter-spacing: 1px;
}

.leaflet-control, .leaflet-bar a, .leaflet-bar a:hover {
    color: white;
    background-color: #3d4c5a;
}

.leaflet-bar a, .leaflet-bar a:hover {
    border-bottom-color: black;
}

.leaflet-bar a:hover {
    background-color: #2a3540 !important;
}


.leaflet-tooltip {
    background: none;
    box-shadow: none;
    /*color: black;*/
    color: #f5deb3;
    border-color: transparent;
    /*text-shadow: black 0 0 2px;*/
    padding: 12px 6px 0;
}

.leaflet-tooltip-top:before {
    display: none;
}

.bleue, .rouge {
    font-size: 1.33em;
}

.bleue, .rouge {
    text-shadow: wheat 0 0 1px;
}

.bleue {
    color: #0000cc !important;
}

.rouge {
    color: #cc0000 !important;
}



/*
    SVG
*/
path {
    stroke: #add8e6;
    stroke-width: 4;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.murs {
    /*stroke: #000000;*/
    stroke: #5390b7;
}

.fenetres {
    /*stroke: #aaaaaa;*/
    stroke: #add8e6;
}

.paravents {
    /*stroke: #555555;*/
    stroke: #696969;
}

.murs_bas, .rects_bas {
    /*stroke: #555555;*/
    stroke: #396d39;
}

.rects_bas {
    /*fill: #aaaaaa;*/
    fill: #396d39;
    fill-opacity: 0.8;
    stroke: none;
}

.base_rouge, .base_bleue {
    stroke-width: 3;
}
.base_rouge {
    stroke: #cc0000;
}
.base_bleue {
    stroke: #0000cc;
}

.flag {
    fill: #007f00; /*vert*/
    fill: #f5deb3; /*wheat*/
    fill: #000000;
    stroke: none;
    fill-opacity: 1;
}

.rect_black_hawk {
    fill: #ff8100;
    fill-opacity: 0.2;
    stroke: none;
}

.fow_joueur {
    stroke: none;
}
.Rouge.fow_joueur {
    fill: #cc0000;
}
.Bleue.fow_joueur {
    fill: #0000cc;
}

.lim_joueur {
    stroke-width: 1.5;
}
.Rouge.lim_joueur {
    stroke: #cc0000;
}
.Bleue.lim_joueur {
    stroke: #0000cc;
}

.pnt_joueur {
    stroke-width: 0;
    fill-opacity: 1;
}
.selectionne.pnt_joueur {
    stroke-width: 4;
}
.Rouge.pnt_joueur {
    fill: #cc0000;
}
.Rouge.selectionne.pnt_joueur {
    stroke: #ffbf00;
}
.Bleue.pnt_joueur {
    fill: #0000cc;
}
.Bleue.selectionne.pnt_joueur {
    stroke: #00bfff;
}

.rotation {
    stroke: #cccccc;
    stroke-width: 1.5;
    stroke-dasharray: 15,15;
}

.test1 {
    stroke: #cccc00;
}
.test2 {
    stroke: #cc00cc;
}
.test3 {
    stroke: #00cccc;
}
.pt_test1 {
    stroke: #00ff00;
    radius: 1.5;
}
.pt_test2 {
    stroke: #0000ff;
    radius: 1.5;
}
.poly_test1 {
    fill: #cccc00;
}