pre.code{
    font-size:0.85rem !important;
    font-weight: 200 !important;
    background-color:#202020 !important;
    color: #fdc75e /*#00dba3*/ !important;
    padding: 10px !important;
    width: 80%;
    margin: auto;
    border-radius:10px;
    overflow-x: auto;
}


/*** box générale ***/
.dialog-box {
    background-color: #fff;
    box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.05), 0 0 0.05rem rgba(0,0,0,.1);
    border-radius:3px;
    margin: 10px 0px 25px 0px;
}

.dialog-box header{
    font-weight: bold;
    height: 40px;
    padding: 15px 5px 5px 5px;
}

/*** style commun aux glyphes ***/
.dialog-box header:before{
    display:inline-block;
    position:relative;
    width: 10px;
    font-family: FontAwesome;
    font-size: 1.2rem;
    margin: 5px 20px 0px 10px;
}

.dialog-box > article{
    padding: 0.5rem;
}


/*** BOX ASTUCE ***/
/* <i class="fas fa-fire"></i> */
.tip-box {
    border-color: #00bfa5;
    border-left: .2rem solid #00bfa5;
}
.tip-box header{
    background-color: rgba(0,191,165,.1);
}
.tip-box i {
    display: inline-block;
    color: #00b604;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX CONFIRMATION ***/
/* <i class="far fa-check-square"></i> */
.confirmation-box {
    border-color: #00b604;
    border-left: .2rem solid #00b604;
}
.confirmation-box header{
    background-color: rgba(0,182,4,.1);
}
.confirmation-box i {
    display: inline-block;
    color: #00b604;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX NOTIFICATION ***/
/* <i class="fad fa-pencil-alt"></i> */
.notice-box {
    border-color: #448aff;
    border-left: .2rem solid #448aff;
}
.notice-box header{
    background-color: rgba(68,138,255,.2);
}

.notice-box i {
    display: inline-block;
    color: #448aff;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** DATA TOTAUX ***/
/*<i class="fad fa-analytics"></i> */
.data-box {
    border-color: #ff6bc4;
    border-left: .2rem solid #ff6bc4;
}
.data-box header{
    color: #ff6bc4;
    background-color: rgba(248,158,212,.2);
}
.data-box i {
    display: inline-block;
    color: #ff6bc4;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX D'INFORMATION ***/
/*<i class="fad fa-info"></i> */
.info-box {
    border-color: #00b8d4;
    border-left: .2rem solid #00b8d4;
}
.info-box header{
    color: #00b8d4;
    background-color: rgba(0,184,212,.2);
}
.info-box i {
    display: inline-block;
    color: #00b8d4;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX PROBLEME ***/
/* <i class="fad fa-exclamation-triangle"></i> */
.warning-box {
    border-color: #ff9100;
    border-left: .2rem solid #ff9100;
}
.warning-box header{
    color: #ff7200;
    background-color: rgba(255,145,0,.1);
}
.warning-box i {
    display: inline-block;
    color: #ff7200;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX ALERTE ***/
/* <i class="fad fa-siren-on icone-alerte"></i> */
.alert-box{
    border-color: #ff0000;
    border-left: .2rem solid #ff0000;
}
.alert-box header{
    color: #F00;
    background-color: rgba(255,0,0,.1);
}
.alert-box i {
    display: inline-block;
    color: #D00;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}


/*** BOX CLOSE ***/
/* <i class="fad fa-siren-on icone-alerte"></i> */
.close-box{
    border-color: #888;
    border-left: .2rem solid #888;
}
.close-box header{
    color: #888;
    background-color: rgba(100,100,100,.1);
}
.close-box i {
    display: inline-block;
    color: #888;
    width: 43px;
    text-align:center;
    padding:0 1rem;
    font-size:1.2rem;
}