body {
    width: 1050px;
    background-color: #DDDDDD;
}

body.w {
    width: 1250px;
    background-color: #DDDDDD;
}

body.b65 {
    width: 700px;
    background-color: #DDDDDD;
}

body.b75 {
    width: 750px;
    background-color: #DDDDDD;
}

div.form {
    border: 1px solid darkblue;
    padding: 5px;
    margin-right: 20px;
}
div.all {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    break-after: page;
    color: black;
}
li {
    padding-top: 10px;
}
h1 {
    text-align: center;
}
label {
    margin-right: 10px;
}
table, tr, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 3px;
}
thead td, thead th {
    background-color: darkslategray;
    color: white;
    font-weight: bold;
    text-align: center;
}
p {
    font-size: 16px;
}

table {
    margin: auto;
    width: 100%;
}
table.noborder, table.noborder tr, table.noborder td {
    margin: initial;
    border: none;
}

.warning {
    color: red;
    font-weight: bolder;
    background-color: #FFDDDD;
}

table td {
    text-align: center;
}

div.nom {
    display: inline-block;
    padding-right: 20px;
    min-width: 240px;
}

iframe {
    width: 100%;
    height: 500px;
}

textarea {
    width: 100%;
    height: 500px;
}

pre#output {
    background-color: beige;
    width: 100%;
    height: 500px;
}

div.aing {
    background-color: ivory;
    padding-left: 20px;
    border: 1px dotted gray;
}

p, select, option {
    font-family: sans-serif;
}

select {
    margin-left: 10px;
}

.homme {
    margin: 5px;
    width: 250px;
    display: inline-block;
    background-color: ivory;
    border: 1px solid lightgray;
    overflow: hidden;
}

.hommeps {
    margin: 5px;
    width: 250px;
    display: inline-block;
    border: 3px dashed black;
    overflow: hidden;
}

#inscritsR {
    width: 100%;
    margin: 2px;
    min-height: 100px;
    background-color: #DDEEEE;
}

#inscritsM {
    width: 100%;
    margin: 2px;
    min-height: 100px;
    background-color: #CCEEEE;
}

#inscritsS {
    width: 100%;
    margin: 2px;
    min-height: 100px;
    background-color: #BBEEEE;
}

#selectionnesR {
    width: 100%;
    min-height: 100px;
    margin: 2px;
    background-color: #DDDDDD;
}

#selectionnesM {
    width: 100%;
    min-height: 100px;
    margin: 2px;
    background-color: #CCDDCC;
}

#selectionnesS {
    width: 100%;
    min-height: 200px;
    margin: 2px;
    background-color: #BBDDBB;
}

#attente {
    width: 100%;
    min-height: 200px;
    background-color: #AAAAAA;
}

#ecartes {
    width: 100%;
    min-height: 200px;
    background-color: #777777;
}

.red {
    color: red;
}

.rookie, tr.sel0 td {
    background-color: #EEFFEE;
    color: darkgreen;
}

.middle, tr.sel1 td {
    background-color: #FFEEFF;
    color:  blueviolet;
}

.senior, tr.sel2 td {
    background-color: #EEEEFF;
    color: blue;
}

table.noborder {
    border-collapse: collapse;
}

table.nopadding, table.nopadding > tr, table.nopadding > tr > td {
    padding: 0;
}

.show {
    z-index: 1000;
    background-color: white;
    border: 1px solid orange;
    overflow: auto;
    color: black;
}

.showsmall {
    z-index: 1000;
    background-color: white;
    border: 1px solid orange;
    overflow-x: hidden;
    overflow-y: scroll;
    color: black;
}

.close {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10000;
}

.refus {
    border-left: 5px solid #00aced;
}

.amene {
    border-right: 5px solid #8d36b9;
}

.deuxdernieres {
    border-bottom: 5px solid #a90707;
}

.derniere {
    border-bottom: 3px solid #a90707;
}

.avantderniere {
    border-bottom: 3px dashed #a90707;
}

.check {
    margin-left: 25px;
}

.invite {
    border-top: 3px dotted dodgerblue;
}

.general {
    font-family: sans-serif;
}

.gray {
    background-color: #CCCCCC;
}

.header {
    width: 100%;
    margin: 0;
    font-size: larger;
    background-color: #AAEEEE;
}

.sm {
    font-size: smaller;
}

.full {
    width: 100%;
}

.layout2 {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border: none;
    margin: 0;
}

.layout2 tr, .layout2 td {
    text-align: left;
    background-color: transparent;
    border-collapse: collapse;
    border: none;
}

.layout {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border: none;
    margin: 0;
}

.layout tr td, .layout tr {
    padding: 0;
    border: none;
    vertical-align: top;
}

.layout1 {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border: none;
    margin: 0;
}

.layout1 tr td, .layout1 tr {
    padding: 0;
    border: none !important;
    vertical-align: top;
}

table.inside {
    width: 100%;
}

table.inside tr td {
    border: 1px solid gray;
    padding: 3px;
}

.inside2 {
    width: 850px;
    display: inline-block;
    border: none;
}

.inside1 {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    border: none;
    margin-left: 10px;
}


.time {
    width: 40px;
    font-weight: bold;
}

.dur {
    width: 40px;
}

.process {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.hommes {
    width: 150px;
}

.toRight {
    text-align: right;
    text-transform: uppercase;
    border: none !important;
    padding-bottom: 4px !important;
}

table tr td.bn {
    border-bottom: none !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
}

.staff3 {
    color: blue;
}

.fond3, tr.fond3 td {
    background-color: #EEEEFF;
}

.staff2 {
    color: blueviolet;
}

.fond2, tr.fond2 td {
    background-color: #ffeeff;
}

.staff1 {
    color: darkgreen;
}

.fond1, tr.fond1 td {
    background-color: #eeffee;
}

.staff0 {}

.fond0 {}

td#td3 {
    background-color: #EEEEFF;
    width: 200px;
}

td#td2 {
    background-color: #ffeeff;
    width: 200px;
}

td#td1 {
    background-color: #eeffee;
    width: 200px;
}

div#td0 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.but3 {
    font-size: small;
    color: blue;
    background: none;
    border: none;
    display: block;
    margin: auto;
}

.but2 {
    font-size: small;
    color: blueviolet;
    background: none;
    border: none;
    display: block;
    margin: auto;
}

.but1 {
    font-size: small;
    color: darkgreen;
    background: none;
    border: none;
    display: block;
    margin: auto;
}

.occ3 {
    font-size: small;
    background-color: blue;
    color: white;
    border: none;
}

.occ2 {
    font-size: small;
    background-color: blueviolet;
    color: white;
    border: none;
}

.occ1 {
    font-size: small;
    background-color: darkgreen;
    color: white;
    border: none;
}

.but0 {
    font-size: small;
    color: black;
    background: none;
    border: 1px solid black;
    display: inline;
}

.select, .f0 {
    background-color: white;
    border: 1px solid gray;
    border-radius: 4px;
    min-width: 140px;
    min-height: 20px;
}

div.show {
    position: fixed;
    width: 700px;
    height: 400px;
    padding: 5px;
    overflow: scroll;
    color: black;
    z-index: 1000;
}

div.showFit {
    background: white;
    position: fixed;
    width: 700px;
    height: fit-content;
    color: black;
    z-index: 1000;
}

div.showFit2 {
    background-color: white;
    border: 1px solid orange;
    position: absolute;
    width: fit-content;
    height: fit-content;
    color: black;
    padding: 5px;
    z-index: 1000;
}

div.showFit2 p {
    text-align: center;
    margin-bottom: 0;
}

div.showsmall {
    position: fixed;
    width: 600px;
    height: 400px;
    padding: 5px;
    color: black;
    z-index: 1000;
}

.selectionIcon1, .conducteurIcon1 {
    width: 30px;
    margin: 0 5px 0 5px;
}

.selectionIcon, .conducteurIcon {
    width: 30px;
    margin: 0 5px 0 5px;
    float: left;
}

div.hr {
    margin: auto;
    width: fit-content;
}

.hr img {
    display: inline;
    margin: 30px;
}

div.alls {
    background-color: white;
    background-image: url(/files/abalone1.png);
    background-position: top right;
    background-size: 300px;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 10px;
    break-after: page;
    color: black;
}

div.allc {
    background-color: white;
    background-image: url(/files/oursin1.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 300px;
    border-radius: 10px;
    padding: 10px;
    break-after: page;
    color: black;
}

div.box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

table tbody tr.fond4 td { background-color: #FFFFEE;}
table tbody tr.fond5 td { background-color: #FFEEFF;}
table tbody tr.fond6 td { background-color: #EEFFFF;}
table tbody tr.fond7 td { background-color: #F8F8FF;}
table tbody tr.fond8 td { background-color: #FFF8F8;}
table tbody tr.fond9 td { background-color: #F8FFF8;}

.cover {
    opacity: 10%;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.less {
    opacity: 50%;
}

td#tdh {
    font-size: small;
}

.blist {
    margin-right: 3px;
    font-size: small;
    padding: 0.1rem 0.2rem;
}

.initieOK {
    width: 200px;
    height: fit-content;
    display: inline-block;
    margin: 1px;
    background-color: #F8F8F8;
    color: lightgray;
}

.initie {
    width: 200px;
    height: fit-content;
    display: inline-block;
    margin: 1px;
    background-color: #EEEEEE;
}

.initieFR {
    background-color: #EEEEAA;
}

.initieBE {
    background-color: #EEEE66;
}

.initieCH {
    background-color: #FFFFAA;
}

.initieDE {
    background-color: #FFFF88;
}

.initieNL {
    background-color: #FFEE88;
}

.initieUK {
    background-color: #EEFF88;
}

.initieSP {
    background-color: #EEEEAA;
}

.staff {
    width: 200px;
    height: fit-content;
    display: inline-block;
    color: white;
    margin: 1px;
    background-color: #DD66CC;
}

.staf2 {
    background-color: #882471;
}

.staf1 {
    background-color: #ba66aa;
}

.staf0 {
    background-color: #876082;
}

.paire {
    width: 200px;
    height: fit-content;
    display: inline-block;
    background-color: #CC5555;
    color: white;
    margin: 1px;
}

.removeMentor {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
}

.initie_2 {
    display: inline-block;
    padding: 2px;
    position: absolute;
}

.staff_2 {
    display: inline-block;
    color: white;
    padding: 2px;
    position: absolute;
}

.paire_2 {
    display: inline-block;
    color: white;
    background-color: #CCBBAA;
    padding: 2px;
    position: absolute;
}


div.allc1 {
    background-color: white;
    background-image: url("/files/brouillon.png");
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 10px;
    break-after: page;
    color: black;
}

iframe.invisible {
    border: none;
    padding: 0;
    margin: 0;
}

.bidline_drop {
    min-width: 50px;
    min-height: 45px;
    background-color: #c2e0e3;
    border: 1px solid lightgray;
}

.busy {
    background-color: #92b0b3;
}

.usedline, .usedline td {
    opacity: 0.69;
}

table.bid, table.bid tr, table.bid tr td {
    padding: 3px;
    min-height: 30px;
    border: 1px solid lightgray;
}

.tooltiptext {
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: -10px;
    color: black;
    background-color: white;
    border: 1px solid black;
    width: 300px;
    height: fit-content;
    white-space: wrap;
    z-index: 100;
}

.tooltiptextl {
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: -35px;
    color: black;
    background-color: white;
    border: 1px solid black;
    width: fit-content;
    height: fit-content;
    white-space: wrap;
    z-index: 100;
}

.tt {
    position: relative;
}

.tt:hover .tooltiptext, .tt:hover .tooltiptextl {
    visibility: visible;
    z-index: 1000;
}


.f3 {
    background-color: #EEEEFF;
    color: blue;
    border: 1px solid gray;
    border-radius: 4px;
}

.f2 {
    color: blueviolet;
    background-color: #ffeeff;
    border: 1px solid gray;
    border-radius: 4px;
}

.f1 {
    color: darkgreen;
    background-color: #eeffee;
    border: 1px solid gray;
    border-radius: 4px;
}

div.spread {
    display: flex;
    justify-content: space-between;
}

.up {
    text-transform: uppercase;
}

.mentors {
    position: relative;
    padding-right: 10px;
}

.mentorCount{
    position: absolute;
    right: 0;
    bottom: 0;
    color: gray;
    font-size: 80%;
}

.location {
    display: inline-block;
    position: absolute;
    color: red;
    font-weight: bold;
    border: 1px solid red;
    background-color: transparent;
}

div.show > table {
    width: 650px;
    max-width: 650px;
    overflow: auto;
}

div.showsmall > table {
    width: 550px;
    max-width: 550px;
    overflow: auto;
}

div.show > table td {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid lightgray;
    text-align: left;
}

div.show > table td.td100 {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

div.show > table td.td580 {
    width: 550px;
    max-width: 550px;
    overflow: hidden;
}

div.showsmall > table td {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid lightgray;
    text-align: left;
}

div.showsmall > table td.td100 {
    width: 90px;
    max-width: 90px;
    overflow: hidden;
}

div.showsmall > table td.td580 {
    width: 4900px;
    max-width: 490px;
    overflow: hidden;
}

div.show > table td#td1, div.show > table td#td2, div.show > table td#td3, div.show > table td#tdh {
    text-align: center;
}

.warning {
    color: red;
    font-weight: bolder;
}

p.voit {
    text-align: center;
    margin: 0;
    padding: 0;
}

p.voit1 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: smaller;
    color: lightgray;
}

.inactif {
    display: none;
}

.inactif0 {
    opacity: 0.5;
    pointer-events: none;
}

.leadership {
    color: black;
    background-color: white;
    border: 1px solid gray;
    font-size: 90%;
}

textarea.tacomite {
    width: 10em;
    height: fit-content;
}

div.ascenceurH {
    width: 100%;
    overflow-x: scroll;
}

div.selecteurlangue {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
}

div.selecteurlangue select {
    margin-left: 3px;
    background-color: transparent;
    color: white;
}

.cadre {
    border: 1px solid black;
}

input.wide {
    margin-left: 5px;
    width: 900px;
}

input.wid {
    width: 530px;
}

td.left {
    text-align: left;
    color: gray;
}

input.plus {
    width: 300px;
}

a:link, a:visited {
    color: #007BFF;
}

a.btn:link, a.btn:visited {
    color: white;
}

body.w {
    width: 1300px;
}

.ml10 {
    margin-left: 10px;
}