:root{  --color:#000000; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-ext-300.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-ext-regular.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-ext-500.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-ext-700.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../webfonts/roboto-v30-latin-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    margin:0;
    height: 100%;
    overflow: hidden;
	font-family: 'Roboto', sans-serif;
    font-size: 10pt;
}

button, .btn { font-size: 10pt; }
input, select, textarea { font-size: 10pt; }
label { font-size: 10pt; }
 

/** MY FLEX BUTTON **/
.my-flex-btn-primary {
    background-color: var(--color);
    border: var(--color);
    padding: 10px 15px;
}

.my-flex-btn-primary a {
    color: #FFF;
}

.my-flex-btn-primary a:hover {
    color: #FFF;
}

.my-flex-btn-primary:hover {
    background-color: #10864C;
    border: #10864C;
}




a, a:hover { text-decoration:none;  color: var(--color); }


/** **/


.btn-color {
    background-color: var(--color);
    border: var(--color);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { 
	background-color: #000000;
}

.hauteur { height: 100vh;}
.hauteur > div.form { background-color: white; }

.hauteur > div.image {
    background-image: url("../img/valeurs-eiffage-background.jpg");
    background-position: center;
    background-size: cover;
}

.hauteur > div img.background {
    max-height: 100%;
    margin: -15px;
}

.form-signin {
    background-color: #ffffff;
    width: 100%;
    max-width: 75%;
    padding: 15px;
    margin: 50px auto;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
}
.form-signin .form-control:focus {
    z-index: 2;
}

.login-message { 
	background-color: rgba(255,0,0,0.8);
    color: #fff;
    font-size: 33pt;
    position: fixed;
    bottom: 100px;
    left: 0px;
    padding: 20px;
    width: 50%; 
}
.logintab {
	background:#ffffff url("../img/topright.png") no-repeat top right; 
	background-size: auto 20%;
	display: flex;
    justify-content: center;
    align-items: center!important;
}
.neocard { border-radius:0px; }

.neobtn { 
    font-size: 10pt;
    line-height: 18pt;  
}

/* Toast */
.toast-container-fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
}

.toast-hidden {
    display: none !important;
}

.my-flex-toast-header-error {
    color: #FFF;
    background-color: #dc3545;
}

.toast {
    min-width: 15em;
}

.my-flex-modal-header, .my-flex-modal-header > button.close {
    background-color: var(--color);
    color: #FFF;
}

@media screen and (max-width: 992px)
{
    img { max-width: 280px; }
    .image { display: none; }
    .form-signin { max-width: 300px; }
}