@font-face {
  font-family: 'titres';
  src: url('voda_bold.woff');
}

@font-face {
  font-family: 'parag';
  src: url('voda_reg.woff');
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('gof.ttf');
}

body {
    font-family: parag;
    background: url(../imgs/beuge.jpg);
    background-size: cover;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    font-family: titres;
}
.cote, .contient {
    background: #ffffffc7 !important;
}

.sib tbody tr {
    cursor: pointer;
}
#larx .table tr td {
    padding: 1px 0px;
}
button.btn.btn-default.sshi {
    background: #ffc107;
    color: black !important;
}
.legraph {
    border: 1px solid;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 200px;
    display: inline-block;
    margin-right: 20px;
}

.legraph i.fa {
    display: block;
    font-size: 80px;
    margin-bottom: 20px;
}

.legraph p {
    margin-bottom: 0px;
    background: #0682ca;
    margin: -9px;
    padding: 5px;
    color: white;
}
.navi {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.navi .tete {
    width: 100%;
    overflow: hidden;
}

.navi .tete img {
    height: 50px;
    display: inline-block;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-right: 5px;
}
.tete h4 {
    background: #ffffff;
    padding-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 8px;
    padding-left: 15px;
    color: white;
    border-bottom: 3px solid #0682ca;
}
.titre {
    display: none;
}
.menu {
    background: #404040;
    color: #ffffff;
    text-align: center;
    box-shadow: 0px 5px 8px -4px black, 0px 5px 10px #000000a8 inset;
    height: 60px;
    overflow: hidden;
    background-color: #000000;
    border-top: 1px solid #ffc107;
    border-bottom: 3px solid #ffc107;
}
.menu dib {
    display: inline-block;
    width: 19.94%;
    text-align: center;
    padding: 5px;
    box-shadow: 0px 0px 18px 10px #00000005 inset;
    margin-left: -2px;
    margin-right: -2px;
    cursor:pointer;
    color: #ffffff;
    padding-top: 10px;
    border: none;
    background: black;
}
.menu dib i.fas {
    display: block;
    font-size: 35px;
    margin-bottom: 4px;
}
.menu dib span {
    font-size: 1px;
    margin-top: 30px;
}
.menu dib.courant {
    background: #ffc107;
    color: #000000;
    border: 5px solid #000000;
    margin-top: -1px;
    border-right: 6px solid #000000;
    border-top: 2px solid black;
}
.corps {
    padding: 10px;
    padding-top: 60px;
}
.corps h1, .corps h2, .corps h3, .corps h4, .corps h5, .corps h6, .corps h7, .corps h8, b, a, strong {
    color: #000000;
}
.nse i.fas {
    font-size: 20px;
    color: #000000;
}
.corps h3 {
    border-bottom: 3px solid;
    margin-top: 20px;
    padding-bottom: 5px;
    font-size: 1.5rem;
    text-transform: uppercase;
}
.carte {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cccccc;
    padding: 10px;
    background: #f1f1f1;
}
.shab {
    background: #f1f1f1;
    padding: 15px;
    border: 1px solid #c1c1c1;
    margin-bottom: 20px;
    transition: .5s all;
    overflow: hidden;
}
.map img {
    width: 100%;
}
.carte svg path {
    fill: #034c77;
    stroke: white;
    cursor:pointer;
}
.d-none {
    background: #8080809c;
    display: block !important;
}
.ivio {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background: #c1c1c18c;
    border: 1px solid #cccccc;
    color: black;
    transition: .5s all;
    font-weight: bold;
}
.ivio a {
    display: block;
    background: #000000;
    width: 40px;
    text-align: center;
    float: right;
    cursor:pointer;
    color: white !important;
    padding: 5px;
    margin-top: -6px;
    border: 1px solid #034c77;
}
.carte svg text {
    color: white;
    fill: white;
}
.fiche h4 {
    background: #000000;
    margin-bottom: 0;
    margin-top: 15px;
    color: white !important;
    padding: 8px;
    cursor:pointer;
    font-size: 1.29rem;
}
.nse tr {
    cursor:pointer;
}
.card {
    margin-bottom: 25px;
}
.card-body {
    background: #dddddd;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}
div#trouvez {
    padding-top: 30px;
}
.mokonzi {
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    cursor:pointer;
}
.mokonzi p {
    margin-bottom: 0px;
    color: grey;
}
.mokonzi p i {
    font-style:normal;
    font-family: titres;
    color: red;
}
.trouvez h6 {
    font-weight: bold;
    font-size: 25px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    color: black;
}
.skote button.btn.bnt-default {
    background: #dedede;
    border: 1px solid #90969c;
}
.skote {
    position: absolute;
    right: 0;
    margin-top: -43px;
    padding-right: 12px;
}
button.btn.btn-default.btn-big.btn-large {
    background: #000000;
    width: 100%;
    color: white;
}
i.fas.fa-angle-down.shm {
    float: right;
    color: #ffffff73;
}
.shab h5 {
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom: 2px solid;
}
.corps h4 {
    padding-bottom: 5px;
    border-bottom: 2px solid;
}
.swal-text {
    color: black !important;
    text-align: center;
}
.swal-modal {
    background: #ffffff;
    color: black !important;
    border: 2px solid #044e79;
}
.swal-title {
    font-weight: bold;
    margin-top: -30px;
    color: #000000;
}
.swal-button-container {
    display: none;
}
.swal-icon.swal-icon--custom img {
    max-width: 180px;
}
.imgs {
    margin-bottom: 20px;
}
.sium {
    width: 195px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33.92px;
    margin-left: -95px;
    text-align: center;
    color: black;
    font-family: titres;
    filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
}
.sium img {
    width: 100%;
}
.leprodx img {
    width: 100%;
    object-fit: cover;
    height: 125px;
}
.leprodx {
    border: 1px solid #cccccc;
    width: 180px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    min-width: 120px;
    margin-right: 5px;
    box-shadow: 0px 0px 3px -1px;
}
.prodx {
    overflow: hidden;
    outline: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
    user-select: none !important;
    cursor:pointer;
}
p.sonprix {
    margin: 0;
    color: #192a95 !important;
    font-weight: bold;
    font-family: titres;
}
p.sondesc {
    margin: 0;
    margin-bottom: -10px;
    height: 50px;
}
.mokonzi p {
    margin-bottom: 0px;
    color: grey;
}
img.pik {
    height: 72px;
    width: 72px;
    object-fit: cover;
    background: #cccccc;
    border: 1px solid #b0b0b0;
    border-radius: 50%;
}
.swal-modal::before {
    height: 1px;
    border-bottom: 7px solid #151300;
    margin-bottom: -19px;
    box-shadow: 0px 7px 10px -7px black;
}
.swal-modal::after {
    display: block;
    height: 21px;
    background: red;
    border-top: 7px solid #000000;
    margin-bottom: 0px;
    box-shadow: 0px -7px 10px -7px black;
    border-top-left-radius: 72%;
    border-top-right-radius: 72%;
}
p.sontitre {
    font-weight: bold;
    color: red;
    font-family: titres;
    height: 50px;
}
.prodx button.btn.btn-success {
    background: black !important;
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    border: none;
    padding: 15px;
}

.slick-prev, .slick-next {
    font-size: 30px;
    line-height: 0;
    position: absolute;
    right: 55px;
    display: none !important;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    margin-top: -32px;
    border: none;
    outline: none;
    background: transparent;
}

button.slick-next.slick-arrow {
    right: 20px;
    margin-top: -331px;
}
.attends {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -96px;
    margin-left: -96px;
}

.ctt .contenu {
    width: calc(100% - 60px);
    float: right;
    margin-top: -60px;
    padding-left: 5px;
}

.ctt p.licone {
    font-size: 50px;
    width: 50px;
    margin-bottom: 0px;
    color: black;
}

.contenu p {
    margin-bottom: 0;
}

p.kmb {
    text-transform: uppercase;
    font-weight: bold;
    font-family: titres;
    margin-bottom: -2px;
    color: red;
}

.ligne {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    background: #f8f9fa66;
}
.attends img.fa-spin {
  animation-duration: 8s; 
}
.back {
    background: black;
    width: 97%;
    position: fixed;
    bottom: 0;
    padding: 10px;
    padding-bottom: 0;
    color: white;
    margin-left: -5px;
    border: 2px solid red;
}
.ctt .ln img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border: 1px solid #cccccc;
    border-radius: 50%;
}
p.leprix {
    font-family: titres;
}
.ctt .cntn {
    float: right;
    text-align: left;
    width: calc(100% - 85px);
}

.ctt .cntn p {
    margin-bottom:0px;
}

p.sntitre {
    color: red;
    font-family: titres;
}

.ctt .ln {
    border: 1px solid #cccccc;
    padding-bottom: 5px;
    padding-top: 5px;
    background: #f1f1f1;
    border-bottom: 3px solid #cccccc;
}

.cntn .total {
    font-family: titres;
    background: #f1f1f1;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 3px;
}
.totale {
    background: #000000;
    border-top: 3px solid black;
    padding: 10px;
    font-family: titres;
    text-align: right;
    margin-top: -1px;
    border-bottom: 3px solid black;
    color: white;
}
button.btn.btn-default.grand {
    margin-top: 10px;
    width: 100%;
    background: #000000;
    color: white;
}
.somair {
    width: calc(100% - 80px);
    float: right;
}
.pd img {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cccccc;
}
.pd p {
    margin: 0;
}
.pd {
    text-align: center;
}
label.munsi {
    font-family: titres;
    padding-top: 11px;
    display: block;
    margin-bottom: 0px;
}
p.lenom {
    color: red;
    font-family: titres;
}
.rela {
    margin-top: 50px;
}
.rela h5 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
button.btn.btn-default.sciu {
    background: red;
    color: white;
    padding: 1px 9px;
    display: block;
    float: right;
    margin-top: -3px;
    margin-right: 3px;
    cursor:pointer;
}

div#trouvez.no {
    text-align: center;
    font-family: titres;
}

button.btn.btn-default.mpi {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    margin-bottom: 2px;
    background: #f8f9fa;
    border-radius: 0px;
    border-bottom: 1px solid #cccccc;
}
.mot {
    margin-bottom: 20px;
}
button.btn.btn-danger.grande {
    background: red;
    width: 100%;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}

.lima img {
    width: 100%;
    background: #f5f6fd;
}

.lima {
}

.mista {
    border: 1px solid #cccccc;
    margin-bottom: 15px;
    text-align: center;
}

.mista h5 {
    background: #0072bc;
    margin-bottom: 0;
    padding: 10px;
    color: white;
}
@media (max-width: 640px) {
    .menu dib span {
    font-size: 1px;
    margin-top: 30px;
    display: none;
}
    
}

@media (min-width: 641px) {
    .menu dib span {
    font-size: 13px;
    margin-top: 30px;
}
.menu {
        height: 80px;
}
    
.corps {
    padding: 10px;
    padding-top: 70px;
}
}

.sato {
    width: 100%;
    overflow: hidden;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 25px;
}

.ilu {
    width: 30%;
}

.ilu img {
    width: 100%;
}

.tee {
    width: 68%;
}

.tee,.ilu {
    display: inline-table;
    vertical-align: top;
}

.tee p {
    margin-bottom: 0px;
}

.sato button.btn.btn-default {
    background: #0072bc !important;
    color: white;
    width: 100%;
    margin-top: 10px;
}

p.titr {
    background: #000000;
    margin: -10px;
    margin-bottom: 10px;
    padding: 10px;
    color: white;
}

.ast {
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 5px;
    margin-bottom: 30px;
    width: 100%;
    background: #f1f1f1;
    box-shadow: 0px 0px 3px -1px;
}

.ast .lim {
    width: 70px;
    font-size: 37px;
    background: #000000;
    text-align: center;
    color: #fec007;
    border-radius: 50%;
    height: 70px;
    line-height: 70px;
}

.ast .tt {
    width: calc(100% - 102px);
    padding-left: 10px;
}

.ast .tt, .ast .lim {
    display: inline-table;
    vertical-align: top;
}

.ast p.tix {
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

button.swal-button.swal-button--confirm {
    background: #0682ca !important;
    color: white !important;
}

button.btn.btn-primary {
    background: black !important;
    border-color: black !important;
    color: #ffc107;
}

.modal-header {
    background: #0682ca;
    color: #ffffff;
}

button.close {
    color: #ffffff !important;
}

.modal-footer {
    background: #cccccc;
    border-top: 2px solid #38444f4a;
}

.modal-content {
}
.lemenu dib i.fa {
    margin-right: 10px;
}
.nkol {
    padding: 10px;
    text-align: center;
    border: 1px solid #0000006e;
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 4px -2px;
}

.nkol h5 {
    margin: -10px;
    background: #fbbe07;
    margin-top: 10px;
    padding: 8px;
    border-top: 2px solid #919191;
}

img.ilu {
    height: 72px;
    width: auto;
}
.compte {
    width: 200px;
    position: fixed;
    top: 17px;
    right: 0px;
    background: #ffffff;
    color: #38444f;
    overflow: hidden;
    height: 41px;
    border-bottom: 2px solid #dd2948;
}

.compte ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.lib {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 10px;
    background: #f8d48669;
    display: inline-block;
    width: 80%;
    box-shadow: 0px 2px 5px;
}

.lib h7 {
    background: #f8bb86;
    display: block;
    padding: 10px;
    margin: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.lib.moix {
    float: right;
    background: rgba(0, 123, 255, 0.25);
}
li.nomon {
    background: white !important;
    color: #212529 !important;
}
.moix h7 {
    background: rgba(0, 123, 255, 0.5);
}
.compte ul li {
    list-style: none;
    padding: 7px;
    cursor: pointer;
    background: #0682ca;
    color: white;
    box-shadow: 0px -2px 5px black inset;
}
p.mail a {
    color: #002f69;
    font-weight: bold;
}
button.btn.btn-default.noir.fina {
    background: #38444f;
}
.mur {
    display: inline-block;
    width: calc( 33% - 19px );
    border: 1px solid #cccccc;
    margin: 10px;
}

.miu img {
    width: 100%;
}

.plu.btn-group {
    width: 100%;
    color: white;
    background: black;
    border-top: 1px solid;
}

button.btn.btn-default.vote {
    border-left: 1px solid #ffffff80;
}

button.btn.btn-default {
    color: #0682ca;
}

.ctt {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.mgu {
    width: 100px;
    border: 1px solid #cccccc;
}

td.sigl {
    font-weight: bold;
}

.lemenu {
    width: 175px;
    display: inline-block;
    height: 100%;
    background: #0682ca;
    margin-top: -15px;
    margin-left: -10px;
    padding: 0px;
    position: fixed;
}

.lemenu dib {
    display: block;
    border-bottom: 1px solid;
    color: white;
    padding: 5px 15px;
    cursor: pointer;
    padding-right: 3px;
}

.lemenu dib:hover {
    background: #cccccc;
    color: #0682ca;
    font-weight: bold;
}

.corps .ctt {
    width: calc(100% - 180px);
    margin-left: 180px;
}

.principal {
    width: calc(100% - 220px);
    display: inline-block;
    vertical-align: top;
    padding-bottom: 50px;
}

.side {
    display: inline-block;
    width: 210px;
    padding: 46px 5px 0px 5px;
}

.cote {
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 20px;
}

h5.ttx {
    background: #0682ca;
    margin: -10px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    color: white;
    font-size: 1em;
    text-transform: uppercase;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #cccccc;
    border-radius: 0.25rem;
}
dib.current {
    background: #cccccc;
    color: #000000;
    border-bottom-color: white;
}
.mobile {
    display: none;
}

.contient {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 10px;
    background: #cccccc17;
    display: inline-block;
    width: 100%;
}

i.fa.fa-exclamation-triangle.rouge {
    color: #b90000;
}

.contient h6 {
    margin: -10px;
    padding: 10px;
    background: #0682ca;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
}

button.btn.btn-default.noir.black {
    background: #38444f;
    width: 100%;
    margin-top: 8px;
}

.shim {
    font-size: 25px;
    display: inline-block;
    margin-left: 5px;
}

.shim.gris {
    color: grey;
}
.shim.vert {
    color: #28a745;
}
.swa {
    border: 1px solid #cccccc;
    padding: 10px;
    background: #f8f9fa59;
    margin-bottom: 20px;
}

.swa h6 {
    margin: -10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #38444f;
    color: white;
}
.cor p {
    cursor: pointer;
    margin-bottom: 10px;
}
td.cm {
    min-width: 135px;
}
td.type_demande {
    text-transform: capitalize;
}
span.faiseur {}

.swa p {
    margin-bottom: 0px;
}

.swa p span {
    font-family: titres;
    color: #00a3dd;
}
.top.contient {
    width: calc(50% - 7px);
    margin-right: 5px;
}

.top.contient.droit {
    float: right;
    margin-right: 0px;
}
td.mukie {
    width:120px;
}
.sib {
    overflow: auto;
}

table.table.table-striped.zine tr td {
    padding: 4px;
}

tr.zui {
    background: black !important;
    color: white;
    font-family: titres;
}


@media (max-width: 680px) {
    .mur {
        width: calc( 49% - 19px );
    }
    .tete h4 {
        visibility: visible;
        text-align:center;
    }
    .compte {
        display:none;
    }
}
@media (max-width: 780px) {
    .principal, .side {
        width: 100%;
    }
    
    .side {
        padding: 0px;
    }
}

@media (max-width: 680px) {
    .corps .ctt {
        width: 100%;
        margin-left:0px;
    }
    .lemenu {
    position: fixed;
    height: auto;
    width: 100%;
    margin-left: -10px;
    display: none;
    margin-top: -2px;
    box-shadow: 0px 11px 33px -9px black;
    z-index: 99;
}
    .mobile {
    display: block;
}
    span.mobile {
    display: none;
    background: #8c8b8b;
    margin: 10px 0px;
    padding: 5px;
    font-family: titres;
    color: white;
}
    button.btn.btn-default.mobile {
    display: block;
    position: fixed;
    top: -2px;
    right: 0px;
    font-size: 30px;
    cursor:pointer;
}
    
}

@media print {
    /* Hide everything in the body when printing... */
    body.printing *, .tchikay { display: none; }
    /* ...except our special div. */
    body.printing #printme { display: block;}
    #printme::before{
        content:url('img/dima_rdc_noir.png');
    }
    .contient h6 {
    margin: -10px;
    padding: 10px;
    background: #38444f;
    border-bottom: 1px solid grey;
    margin-bottom: 10px;
    color: white;
}
    .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
    .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
    .table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
    .table th, .table td {
    border-top: 1px solid #ffffff;
}
    tr.zui {
    background: black !important;
    color: white;
    font-family: titres;
}
    body {
    background: none;
    -ms-zoom: 1.665;
  }
  div.portrait, div.landscape {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
  }
  div.landscape {
    transform: rotate(270deg) translate(-276mm, 0);
    transform-origin: 0 0;
  }
  div.portrait {
  width: 190mm;
  height: 276mm;
}
div.landscape {
  width: 138mm;
  height: 95mm;
}
.col-sm-6, .col-sm-5, .col-sm-7 {
    display: none !important;
}
    .contient, .swa {
        background: none !important;
        border:none !important;
    }
}

@media screen {
    /* Hide the special layer from the screen. */
    #printme { display: none; width:100%;}
    
}

img.kweli {
    max-width: 150px;
    display: block;
    margin-bottom: 50px;
}

h1.nje {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.masebe p {
    margin-bottom: 0px;
    text-align: right;
}

.masebe {
    margin-bottom: 30px;
}

button.swal-button.swal-button--confirm.swal-button--danger {
    background: red !important;
    color: white !important;
}
.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#0460b5;width:100%;height:100%;background-color:hsla(0,0%,100%,.91)}.printClose{position:absolute;right:10px;top:10px}.printClose:before{content:"\00D7";font-family:Helvetica Neue,sans-serif;font-weight:100;line-height:1px;padding-top:.5em;display:block;font-size:2em;text-indent:1px;overflow:hidden;height:1.25em;width:1.25em;text-align:center;cursor:pointer}
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
.row {
    display: block;
    width: 100%;
}

.row .col-sm-6, .row .col-sm-5, .row .col-sm-7 {
    text-align: left;
    display: inline-flex;
}

.row .col-sm-7 {
    text-align: right !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    width: 100%;
    text-align: right;
}

select.form-control.input-sm {
    margin-left: 10px;
    margin-right: 3px;
}

ul.pagination {
    text-align: right;
}

ul.pagination li a {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration:none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #c1c1c1;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.table.zine tbody td {
    padding: 3px;
}
button.btn.btn-default.sshx {
    color: white;
    background: #0682ca;
}
.table.zine .input-group-prepend span {
    width: 90px;
    height: 31px;
    line-height: 30px;
}
button.btn.btn-default.ssh {
    background: #0682ca !important;
    color: white !important;
}
.dataTables_wrapper {
    overflow: auto;
}
#ledition .nom, #ledition .postnom {
    text-transform: uppercase;
}
.paginate_button.disabled a {
  color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.paginate_button.active a {
  z-index: 3;
  color: #fff !important;
  cursor: default;
  background-color: #38444f;
  border-color: #38444f;
}
button.btn.btn-success {
    background: #0682ca;
    border-color: #0062cc;
}
.jauge {
    width: 100%;
    margin-top: 8px;
}

.kat {
    display: block;
    width: 100%;
    max-height: 20px;
    padding: 5px 0px;
    margin-left: 3px;
}

.heure_delimit, .heure_nb {
    display: inline-block;
    border-left: 1px solid #86898c;
    border-right: 1px solid #86898c;
    padding: 5px;
    width: calc((100% / 12) - 1px);
    margin: -2px;
    padding: 10px 0px;
}

.heure_nb {
    border: none;
    padding: 0;
    font-size: 11px;
}

.heure.kat {
    margin-top: -6px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.limit.kat {
    margin-top: -24px;
    margin-left: 3px;
}

.horaire.kat {
    background: #cccccc4f;
    padding: 9px 0px;
    margin-bottom: -10px;
    display: block;
    border-top: 2px solid #a1a5a8;
    border-bottom: 2px solid #a1a5a8;
    overflow: hidden;
    margin-left: 1px;
}
p.shand {
    font-size: 11px;
    margin-bottom: 0px;
}
.occupee {
    position: absolute;
    background: #dc3545b3;
    padding: 10px 0px;
    margin-top: -10px;
}
input.form-control.fichiers {
    border: none;
}
p.placeholder {
    color: #212529;
    font-size: 12px;
}
.cauz {
    width: 80%;
    font-size: 14px;
    background: #ebecec;
    padding: 5px;
    border: 2px solid #cccccc;
    margin-bottom: 10px;
}

.entc {
    display: flex;
    background: #cccccc;
    margin-bottom: 10px;
}

.po.p1 {
    font-size: 30px;
    padding: 0px 3px;
}

.po.p2 p {
    margin-bottom: 0px;
    font-weight: bold;
    font-family: 'titres';
}
button.btn.btn-success.stm.btn-sm {
    display: block;
    width: 100%;
    background: #212529;
    border-color: black;
}
.po.p2 span {font-size: 12px;}

.po.p2 {
    padding-left: 3px;
}

.cauz.moi {
    background: #94c0da;
    margin-left: 20%;
}

.moi .entc {
    background: #0582c9;
    color: white;
}

a.lien {
    display: block;
    color: #0582c9;
    font-family: 'titres';
    text-decoration: none !important;
}
img.licx {
    display: block;
    margin: auto;
    width: 45px;
    margin-bottom: 5px;
}

.stu {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    background: white;
    padding: 5px;
    box-shadow: 0px 0px 8px -6px;
    border: 1px solid #cccccc;
}

.stu p {
    margin-bottom: 0px;
}

input.form-control.fichierz {
    border: none;
}

p.su {
    font-size: 12px;
    font-family: 'titres';
    color: #0582c9;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    background: #ebecec;
}

p.su.autrui {
    background: #94c1d98c;
    color: #585858;
}

span.badge {
    background: #0582c9;
    color: white;
    width: 25px;
}

button.btn.btn-success.siot {
    background: #28a745;
    border-color: #28a745;
    width: 100%;
    display: block;
}

li.nomon {
    box-shadow: inherit !important;
}

.compte ul li:hover {
    background: #dd2847;
}

.input-group-prepend span.input-group-text {
    width: 148px;
    height: 31px;
    line-height: 30px;
}

.stul .input-group {
    margin-bottom: 10px;
}

#secu .modal-header {
    background: #dd2948;
}

#secu button.sunx {
    background: #dd2948 !important;
    color:white !important;
}

span.tox-statusbar__branding {
    display: none !important;
}
.grecaptcha-badge {
    display: none;
    visibility: hidden !important;
}
.oto h6 {
    background: #dd2847;
}

.oto .table-striped tbody tr.odd {
    background: #dd28462e
}

.oto .cauz.moi {
    background: #dd284638;
    margin-left: 20%;
    border-color: #e76c7c33;
}

.oto .moi .entc {
    background: #dd28469e;
    color: white;
}