@charset "utf-8";

body { background: #fff; margin:0; padding:0; font-family: "Trebuchet MS", Arial; }

/*Base*/
.d-flex{display: flex;flex-wrap: wrap;}
body *{box-sizing: border-box;}
textarea{padding:0;width: 100%;}
.content-table{ width: 100%;overflow: scroll;}
.table{ width: 100%; margin-left: 0;border-collapse: collapse;}
p{margin-left: 0px !important;}

.global { width:100%; margin:0 auto;  }
#global-sup {height: 100%; }
.global-body { height: 100%; }

#bandeau { width: 100%; background: url(../images/header.png) no-repeat center top #0073E8; }
/* #bandeau-h1 { position: absolute; left: 360px; top: 80px; } */
/* #bandeau h1 { color: #FFF; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; font-family: "ProductSans", Arial, Helvetica, sans-serif; font-weight: 400; background: none; padding-left: 0px;} */
#bandeau p { margin-left:0px;}
#bandeau-connecte a {color: #FFF;text-decoration: underline;margin-left: 6px;}
#bandeau .global{display:flex;justify-content: space-between;position: relative; padding: 0 25px;max-width: 1950px;}
/*#logo { width: 316px; height: 75px; left: 25px; position: absolute; top: 0; }*/
#logo{width: 316px;height: 75px}
#logo a {height: 100%;}
#logo img {height: 100%; object-fit: cover;}
#bd-identification{padding: 20px 0;}
#connexion form{display: flex;flex-flow: row;gap: 8px;}
#connexion form label{color:white}
#connexion form input[type=submit]{background: #014080;
  border: blue;
  color: white;
  padding: 4px;
  cursor: pointer;}
/*#bd-identification {position: absolute;width: 100%;right: 20px;top: 0px;max-width: 465px;}*/
#bd-identification p { color: #FFF; font-weight:bold; margin-bottom: 5px;}
.identif-input { border: 1px solid #002757;}
.connexion-liens { margin-left: 115px; color: #FFF;text-align: right; margin-top: 2px;}
.connexion-liens a { font-size: 12px; color: #FFF;}

.message-reussit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#55C359; margin-left:90px; }
.message-erreur { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#DE2F2F; margin-left:90px; }
.message-infos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FB9834; margin-left:90px; }

#statut-message, #statut-erreur {font-weight:bold; font-size:18px; }
#bandeau-connecte {padding:10px; width: 100%; max-width:550px; height:75px; font-family: "ProductSans", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 17px; letter-spacing:1px; color:#fff; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color: rgba(255,255,255,0.1); border-radius: 0 0 5px 5px;}

/* REPONSE */
#message-reponse {position:fixed; top:10px; width:95%; z-index:1000;}
.reponse-message,
.reponse-erreurs { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0; margin:0; }
.reponse-message { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { padding: 0.8em; color: #8a1f11; font-weight:bold; }
.reponse-message { color: #264409; font-weight:bold; }

 #reponseFermer {float:right; padding: 10px; cursor:pointer;}

#centre {padding-bottom:20px;}


#pied-sup { padding: 40px 20px 20px; background:#0046B0; height: 128px; text-align:right; font-size: 10px; color: #fc790f;font-weight: bold; width: 100%;}
#pied { width: 100%; margin: 0 auto;}
#pied a { color: #FFF; text-decoration: none; }