@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

:root {
    --prm-color: #404963;
    --prm-gray: #bdbbbb;
}

* { margin: 0; padding: 0;}

@media only screen and (min-width: 720px) {
    main {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto; 
        padding: 24px;
    }

}

body {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .card-title {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    color: #2b5f78;
}

.form-range::-moz-range-thumb {
    background-color: #2b5f78;
}

strong {
    font-weight: 600 ;
}

small {
    font-style: italic;
    color: #666666;
}

a {
    color: #6AA99E;
}

.pointer:hover {
    cursor: pointer;
}

.btn-primary {
    background-color: #6AA99E;
    border-color: #6AA99E;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #6AA99E;
    border-color: #6AA99E;
}

.btn-outline-primary {
    color: #6AA99E;
    border-color: #6AA99E;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open > .dropdown-toggle.btn-outline-primary {
    color: #fff;
    background-color: #6AA99E;
    border-color: #6AA99E;
}

.bi {
    width: 16px;
    height: 16px;
    fill: #6AA99E;
}

.big {
    width: 32px;
    height: 32px;
    fill: #6AA99E;
}

.iconePdf {
    color: #E53935;
    fill: #E53935;
    transition: .2s;
}

.iconePdf:hover {
    color: #B71C1C;
    fill: #B71C1C;
}

.obligatoire {
    color: #cc0e40;
    padding-left: 4px;
}

#danger {
    fill: #450E15;
}

#warning {
    fill: #523C05;
}

#info {
    fill: #0B404D;
}

#success {
    fill: #0B2A19;
}

/* =========== MENU =========== */
.nav-scroller {
    border-top: 1px solid #2b5f78;
    border-bottom: 1px solid #2b5f78;
   }

.nav-item {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    color: #2b5f78;
}

.nav-underline .nav-link:hover {
    color: #5e90aa;
}

.nav-underline .nav-link.active {
    font-weight: 600;
    color: #1582BA;
    border-bottom: none;
}

.nav-tabs .nav-link {
    color: #000000;
}
.nav-tabs .nav-link:hover {
    color: #1582BA;
}

.nav-tabs .nav-link.active {
    font-weight: 600;
    color: #1582BA;
}

.form-check-input:checked {
    background-color: #2b5f78;
    border-color: #404963;
}

.sous-menu {
    margin-left: 0.5rem;
}

.sous-titre {
    font-weight: bold ;
}

/* ========== Notes de versions ========== */
#modalVersions ul {
    color: grey;
}

#modalVersions .done::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>') ;
    color:green;
    margin-left: 1em;
  }

#modalVersions .todo {
    color: #cc0e40;
}

#modalVersions .done {
    color: #1a7b4f;
}