body {
    padding-top: 60px;
    padding-bottom: 40px;
}

#corps {
    min-height: 600px;
    height: 100%;
}

.alTitleH2 {
    font-size: 24.5px;
    font-weight: bold;
}

.alTitleH3 {
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 5px 15px 5px;
}

.article-actu {
    padding: 5px 5px 5px 35px;
}

.article-textarea {
    width: 920px;
    height: 300px;
}

.alBlock {
    margin-top: 25px;
    margin-bottom: 15px;
    border: 1px solid #cecece;
    border-top: 0px;
    border-radius: 8px;
}

.alBlock .corps {
    padding: 5px 0 10px 10px;
}

.alBlock .footer {
    margin-top: 15px;
    color: #cecece;
}

.footer a {
    color: #cecece;
}

.footer a:hover {
    font-weight: bold;
    color: rgb(0, 85, 128);
}

.alRowTitre {
    margin-bottom: 25px;
}

.sky {
    margin-bottom: 15px;
}

.sky span {
    margin: 5px 5px 5px 5px;
}


a:hover {
    text-decoration: none;
}

/* Lien Delete*/
a.delete {
    font-size: 8pt;
    color: rgb(119, 119, 119);
}

a.delete:hover {
    color: red;
}

/* FAQ */
.answer {
    margin: 0 0 40px 5px;
    ;
}

/* Flux */
.row-flux {
    border-radius: 8px;
    margin-bottom: 15px;
    border: 3px solid #CECECE;
}

.date-contrat {
    display: none;
}

/* UP : Permet de remonter en haut de la page */
#up {
    position: fixed;
    width: 75px;
    height: 30px;
    background-color: grey;
    opacity: 0.55;
    top: 800px;
    right: 25px;
    display: none;
    border-radius: 5px;
    padding: 8px 0px 2px 25px;
}

#up a {
    color: black;
}

#up a:hover {
    color: white;
}

/* Frais */
.row-frais {
    border-radius: 8px;
    margin-bottom: 18px;
    border: 1px solid;
    border-color: rgb(177, 200, 0);
    padding: 5px;
}

.row-frais .row {
    margin-bottom: 10px;
}

/*Notification*/
.notification .titre {
    font-size: 17.5px;
    font-weight: bold;
    margin-bottom: 10px;
}

/*Tableau Flux */
.hc {
    /* Heures Creuses*/
    background-color: rgb(221, 221, 221);
}

/*Modification Thème Boostrap */
.alfred-EP {
    height: 7px;
    background-color: rgb(85, 172, 238);
}

.alfred-C5 {
    height: 7px;
    background-color: rgb(0, 132, 180);
}

.alfred-C4 {
    height: 7px;
    background-color: rgb(252, 196, 0);
}

.alfred-C3-C2 {
    height: 7px;
    background-color: rgb(177, 200, 0);
}

/* Couleur Marché */
.title-GR {
    font-weight: bold;
}

.title-EP {
    font-weight: bold;
}

.navbar-inverse .nav>li>a.ep {
    color: rgb(252, 196, 0);
}

.navbar-inverse .nav>li>a.grace {
    color: rgb(177, 200, 0);
}

.navbar-inverse .navbar-inner {
    background-color: #5B7784;
    background-image: -moz-linear-gradient(top, #5B7784, #5B7784);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5B7784), to(#5B7784));
    background-image: -webkit-linear-gradient(top, #5B7784, #5B7784);
    background-image: -o-linear-gradient(top, #5B7784, #5B7784);
    background-image: linear-gradient(to bottom, #5B7784, #5B7784);
    background-repeat: repeat-x;
    border-color: #5B7784;
}

.navbar-inverse .nav>li>a {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #5B7784;
}

footer hr {
    height: 3px;
    background-color: #5B7784;
}

/* Réponses */
.reponse {
    margin-bottom: 25px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #B1C800;
}

/* Réclamations */
.reclamation {
    margin-top: 15px;
    margin-bottom: 15px;
}

.reclamation-blocage {
    font-style: italic;
    font-size: 11px;
    margin-top: 5px
}

/* Avertissement sur les enreistrements */
.record {
    height: 5px;
}

.modify {
    background-color: #f8980f;
}

.saved {
    background-color: #5bb75b;
}

.error {
    background-color: #ed0505;
}


/* Ligne */
.row-spacing {
    margin: 2px 0 8px 0;
}

.modal-body {
    max-height: 800px;
}

/* Tableau Information Flux */
.nav-option-flux,
.table-flux input,
.table-flux select,
.row-info-flux {
    font-size: 11px;
}

.table-flux,
.table-frais {
    margin: 2px 0px 2px 0px;
    font-size: 11px;
}

.table-flux input,
.table-flux select,
.table-frais input,
.table-frais select {
    font-size: 11px;
}

.table-flux th,
.table-frais th {
    text-align: center;
    border: 1px solid #CECECE;
}

.table-flux td,
.table-frais td {
    text-align: center;
}

.table-flux .pourcentage_energie_verte {
    background-color: green;
    color: white;
    font-weight: bold;
}

.header-abo th {
    background-color: #6fc364;
}

.header-conso th {
    background-color: #afa2da;
}

.header-contrat th {
    background-color: #b9b83d;
}

.header-turpe th {
    background-color: #aaa981;
}

.header-puissance-atteinte th {
    background-color: #d99807;
}

.header-other th {
    background-color: #f15904;
}

.header-frais th {
    background-color: #e7e699;
}

.table-center th,
.table-center td {
    text-align: center;
}

.table-center tfoot td {
    text-align: left;
}

/* Suivis */
.suivi {
    margin-bottom: 25px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #9B3287;
}

.suivi_header {
    font-weight: bold;
}

.suivi_body {
    padding: 0 0 0 10px;
    margin: 10px 10px 20px 0px;
}

.suivi_footer {
    color: #46505A;
    font-size: 12px;
}

.nombre {
    text-align: right !important;
    padding-right: 1rem !important;
}

tr.vertical_align>td {
    vertical-align: middle;
}

[data-cliquable="0"] {
    color: #444;
}

[data-cliquable="1"] {
    color: #000;
    cursor: pointer;
}

[data-cliquable="1"]:hover {
    font-style: italic;
}

[data-cliquable="1"]::before {
    content: "⇒ ";
    font-style: normal;
}

[data-cliquable="1"].accordeon_open::before {
    content: '⇓ ';
    font-style: normal;
}

[data-role="accordeon_reclamations"] {
    margin-bottom: 15px;
}

i.en_attente {
    width: 16px;
    background-image: url("../img/en_attente.png");
    display: inline-block;
    height: 16px;
    background-size: cover;
    position: relative;
    left: 2px;
    top: 3px;
}