/**
  * Feuille de style de l'application
  *
  * @file      css/cards_fix.css
  * @author    Bruno Trinquier enter@bt-c.net
  * @copyright 2025 bt-c enter - Tous droits réservés
  * @attention : penser à changer Roboto par Ubuntu dans jqx.material.css
  * @version   1.0.0
  * @date      22/02/2025
  * @since     22/02/2025 : création
  * @cond      DOXYGEN_SKIP_DOCUMENTATION
  */

body,
table,
tr,
td,
div,
input,
p,
ul,
li,
a {
    font-family: var(--text-font-family);
    font-size: 14px;
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 3px;
    box-sizing: border-box;
    margin: 0;
}

.rounded-div-login {
    height: 80vh;
    border-radius: var(--border-radius-large);
    border-color: var(--textborder-color);
    border-width: var(--border-width);
    border-style: solid;
    background : var(--main-bg-color);
    padding: 25px;
    margin: 20px;
    text-align: left;
    font-size: 12vw;
    font-family: var(--title-font-family);
    font-style: italic;
    color: var(--textborder-color);
    line-height: 0.8em;
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.rounded-div-final {
    border-radius: var(--border-radius-large);
    border-color: var(--textborder-color);
    border-width: var(--border-width);
    border-style: solid;
    background : var(--main-bg-color);
    padding: 25px;
    margin: 20px;
    text-align: center;
    font-size: 1vw;
    font-family: var(--text-font-family);
    color: var(--textborder-color);
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.title {
    text-align: left;
    font-family: var(--title-font-family);
    font-style: italic;
    color: var(--textborder-color);
    font-size: 25pt;
}

.child-div-login {
    width: 80%;
    height: 10%;
    position: absolute;
    font-family: var(--text-font-family);
    bottom: 0;
    right: 0;
    padding: 20px;
    margin: 10px;
    display: flex;
    justify-content: flex-end;
}

.answer {
    margin: 1%;
    width: 80%;
    background: var(--answser-bg-color);
    border-radius: var(--border-radius-large);
    padding: 20px;
    box-sizing: border-box;
}


div#bandeau {
    width: 100%;
    text-align: center;
    height: 55px;
}

div#bandeau-gauche {
    float: left;
    width: 33%;
    height: 100%;
    background: #FFFFFF url('../img/logo.png') no-repeat top left;
}

div#bandeau-centre {
    display: inline-block;
    margin: 0 auto;
    font-family: var(--text-font-family);
    font-size: 14pt;
}

div#bandeau-droite {
    width: 33%;
    float: right;
    text-align: right;
    font-family: var(--text-font-family);
    font-size: 14pt;
}


td#enter {
    font-family: var(--text-font-family);
    font-size: 25pt;
}

a#enter {
    text-decoration: none;
}

a.refer {
    text-decoration: none;
    color: #1E0FCC;
}

a:hover.refer {
    text-decoration: none;
    color: #C00000;
}

a:hover {
    text-decoration: none;
    color: #C00000;
}

span.graytext {
    color: #AAAAAA;
}

span.greentext {
    color: #00FF00;
}

span.redtext {
    color: #FF0000;
}

table.border,
th.border,
td.border {
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}

td.right {
    text-align: right;
}

td.center {
    text-align: center;
}

td.bold,
tr.bold,
th.bold,
span.bold {
    font-weight: bold;
}

/**
 * @endcond
 */