/* CSS Document */

body {
  background: #131313;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial;
  color: #ffffff;
}

#global {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial;
  margin-top: 0px;
  margin-bottom: 0px;
}

#contenu {
  margin-top: 205px;
}

#contenu-fichier {
  margin-top: 24px;
}

.img-liens {
  border: 0px solid #fff;
}

#top-societe-num-client {
  font-size: 9pt;
  color: #fff;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
}

#page-mil {
  margin-top: 205px;
  background: #262626;
}

/* menu du haut */

#menu-top {
  background: url("/images/bde-haut.jpg") no-repeat;
  width: 1000px;
  height: 98px;
  padding-top: 12px;
  top: 131px;
  position: absolute;
}

.noir {
  background: url("/images/btn.png") no-repeat;
  width: 190px;
  height: 72px;
  text-align: left;
  font-size: 10pt;
  margin-left: 5px;
  padding-top: 20px;
  display: inline-block;
}

.noir:hover {
  background: url("/images/actif-btn.png") no-repeat;
  color: #ccc;
}

.li-btn1 {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url("/images/rech.jpg") no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  padding-left: 45px;
  margin-left: 15px;
  padding-top: 16px;
}

.li-btn2 {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url("/images/parc.jpg") no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  padding-left: 45px;
  margin-left: 15px;
  padding-top: 16px;
}

.li-btn3 {
  /* modèle sur deux lignes */
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url("/images/last.jpg") no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 170px;
  padding-left: 45px;
  margin-left: 15px;
}

.li-btn4 {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url("/images/saisie.jpg") no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 150px;
  padding-left: 45px;
  margin-left: 15px;
}

.rouge {
  background: url("/images/btn-red.png") no-repeat;
  width: 190px;
  height: 72px;
  text-align: left;
  font-size: 10pt;
  margin-left: 5px;
  padding-top: 20px;
  display: inline-block;
}

.rouge:hover {
  background: url("/images/actif-btn-red.png") no-repeat;
  color: #ccc;
}

.li-btn5 {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: url("/images/deco.jpg") no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  padding-left: 45px;
  margin-left: 15px;
  padding-top: 16px;
}

/* page contenu */

#marge-int {
  padding: 10px;
}

#title-page {
  font-size: 16px;
  text-transform: uppercase;
  color: #fad431;
  padding-left: 50px;
  padding-top: 25px;
  padding-bottom: 20px;
}

#lien-title-page {
  font-size: 16px;
  text-transform: uppercase;
  color: #fad431;
  padding-right: 50px;
  padding-top: 25px;
  padding-bottom: 20px;
}

#formulaire-cadre {
  background: url("/images/carre.jpg") no-repeat;
  width: 374px;
  height: 245px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
}

#formulaire {
  font-size: 11pt;
  color: #262626;
  text-transform: uppercase;
  padding-top: 35px;
  margin-left: 20px;
}

#table-form {
  border-collapse: collapse;
}

#table-form td {
  vertical-align: top;
  padding-left: 10px;
  padding-bottom: 15px;
}

.petit {
  text-transform: none;
  font-size: 10pt;
}

.saisie {
  width: 170px;
}

#envoyer {
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  color: #262626;
  background-color: #cdcdcd;
  border-radius: 8px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 100px;
  margin-top: 8px;
}

#envoyer:hover {
  color: #555;
}

#envoyer_recherche {
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  color: #262626;
  background-color: #fad431;
  border-radius: 8px;
  padding: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.envoyer_recherche {
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: bold;
  color: #262626;
  background-color: #fad431;
  border-radius: 8px;
  padding: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 100px;
  display: inline-block;
}

.texte-titre {
  color: #fad431;
  text-transform: uppercase;
}

.lien-mot-passe-perdu {
  color: #262626;
  font-size: 9pt;
  font-style: italic;
  text-transform: none;
}

.lien-mot-passe-perdu:hover {
  color: #777;
}

#cal-mdp {
  text-align: right;
  padding-top: 25px;
  padding-right: 25px;
}

/* float */

.fleft {
  float: left;
}

.clear {
  clear: both;
}

/* bas de page */

#bottom {
  background: url("/images/bot-repeat.jpg") repeat-x;
  width: 1000px;
  height: 59px;
  text-align: center;
}

#part-1 {
  background: url("/images/separ-bot.jpg") no-repeat right;
  width: 380px;
  height: 58px;
}

#part-2 {
  background: url("/images/separ-bot.jpg") no-repeat right;
  width: 380px;
  height: 58px;
}

#part-3 {
  width: 240px;
  height: 58px;
}

.lien-bot {
  display: inline-block;
  margin-top: 18px;
  color: #ddd;
  font-size: 10pt;
  padding-left: 6px;
  padding-right: 6px;
}

td {
  padding-top: 10px;
  color: #808080;
  text-transform: none;
}

td a {
  color: #fff;
}

#votreparc_table td {
  color: #fff;
  padding-left: 50px;
  padding-bottom: 20px;
}

.lien-doc {
  color: #fff;
}

.lien-doc:hover {
  color: #fff;
}

.lien-fichier {
  color: #fff;
}

.lien-fichier:hover {
  color: #fff;
}

h2 {
  text-align: center;
}

/* menu */
.inactif {
  color: #4786fb;
}

/* articles */
.archive {
  color: #fad431;
  font-size: 20pt;
  font-weight: bold;
}
.chemin {
  font-size: 11pt;
  padding-bottom: 16px;
}
.titre-article {
  font-size: 25pt;
  width: 100%;
  text-align: center;
  padding-bottom: 16px;
}
.contenu-article {
  padding: 16px;
}
.confidentiel {
  color: #f00;
}
.liste-archive li {
  padding-bottom: 16px;
}
.modifications-article {
  padding: 16px;
}
.nomutilisateur-article {
  padding-bottom: 16px;
}
a.fa-pencil {
  color: #fad431;
}
/*****************************************
    Surclassage bootstrap
******************************************/

.list-group-item {
  background-color: #131313;
}