body {
    padding-top: 222px;
    font-family: Lato,Arial,Helvetica,sans-serif;
}

/** Adjustement for the MDS Logo size - due to responsive*/
.navbar-brand {
    height: 115px;
    padding: 8px;
}

/** Used to center the NavBar button*/
.navbar-nav {
    width: 100%;
    text-align: center;
}

    .navbar-nav li {
        float: none;
        display: inline-block;
        font-size:13px;
    }

.nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
}

.margin-grid15 {
    margin-bottom: 15px;
}





.MainContentPanel {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.BandeauHaut {
    color: white;
    background-color: #3498DB;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    font-size: 30px;
    color: white;
    text-align: center;
}

/*Style pour ovverider la taille du Bandeau */
.BandeauHautAcceuil {
    height: 200px;
    font-size: 35px;
}

    .BandeauHautAcceuil a {
        color: black;
    }


.chevron-toggle::before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e252"; /* adjust as needed, taken from bootstrap.css */
    float: left; /* adjust as needed */
    color: #0053a0;
    /*margin-left:0px;*/
}

.chevron-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e250"; /* adjust as needed, taken from bootstrap.css */
    /*margin-left:-4px;*/
}


.RenvoiBlink {
    font-size: 10px;
    font-weight: 400;
    color: #848484;
}

.RenvoiBlinkInverse {
    font-size: 10px;
    font-weight: 400;
    color: #f0f0f0;
}

.NoteRenvoi {
    font-size: 10px;
    font-weight: 400;
    color: #848484;
    top: auto;
}

img.mail /* classe pour les images d'adresse mail */ {
    cursor: pointer;
    vertical-align: middle;
}

h1 {
    font-weight: 300;
    color: #555;
    margin-bottom: 0;
}

h2 {
    font-weight: 300;
    color: #999;
    font-size: 18px;
    margin-top: 5px;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.panel-body .email {
    font-weight: bold;
}

/* The ribbons */

.corner-ribbon {
    width: 200px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 1040;
}

    /* Custom styles */

    .corner-ribbon.sticky {
        position: fixed;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    /* Different positions */

    .corner-ribbon.top-left {
        top: 25px;
        left: -50px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

#logo-affiliation {
    position: absolute;
    width: 180px;
    height: 93px;
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}

.secondnavbar {
    top: 40px;
}

@media (max-width:767px) {
    .secondnavbar {
        top: 0px;
    }

    .navbar-brand {
        height: 60px;
    }

        .navbar-brand img {
            height: 60px;
        }
}

#TableCorrespondances {
}

    /* Colonnes sens et type doc à 25px de large */
    #TableCorrespondances th.sens, #TableCorrespondances td.sens, #TableCorrespondances th.type-doc, #TableCorrespondances td.type-doc {
        width: 25px;
    }

    /* Colonnes pièces jointes à 36px de large */
    #TableCorrespondances th.pieces-jointes, #TableCorrespondances td.pieces-jointes {
        width: 36px;
        text-align: center;
    }

    /* Colonne date à 80px de large */
    #TableCorrespondances th.date, #TableCorrespondances td.date {
        width: 80px;
    }

    #TableCorrespondances td.sens, #TableCorrespondances td.type-doc, #TableCorrespondances td.pieces-jointes {
        text-align: center;
    }

        #TableCorrespondances td.pieces-jointes .badge {
            font-size: 0.7em;
        }

    #TableCorrespondances th.sujet {
    }

    #TableCorrespondances tr {
        height: 30px;
    }

        #TableCorrespondances tr.document {
            border-bottom: #ccc solid 1px;
        }

            #TableCorrespondances tr.document.new {
                font-weight: bold;
            }

            #TableCorrespondances tr.document:hover {
                background-color: #eee;
            }

        #TableCorrespondances tr.header /*, #TableCorrespondances tr:last-child*/ {
            border-bottom: #000 solid 1px;
        }

    #TableCorrespondances td.entrant {
        /*color: red;*/
    }

    #TableCorrespondances td.sortant {
        /*color: green;*/
    }

@media (min-width:768px) {
    .modal-dialog.detail-message {
        width: 813px;
    }
}

#MailMessageCorpsPanel {
    height: 400px;
    overflow: auto;
}

.mail-pj-item {
    display: inline-block; /* Permet de passer à la ligne tout le contenu (picto et texte) */
    margin-right: 10px;
}

    .mail-pj-item span:first-child, .mail-pj-item a:last-child {
        vertical-align: middle;
    }

    .mail-pj-item a:last-child {
        margin-left: 5px;
    }

@media print {

    .no-print {
        display: none !important;
        /*visibility: hidden;*/
    }
}

#GridSinistre {
}

/*video Modal changes*/
.modal-dialog-video {
    width: 98%;
    height: 92%;
    padding: 0;
}

.modal-backdrop.in-video {
    filter: alpha(opacity=7);
    opacity: 0.7;
}

.modal-content-video {
    height: 99%;
    background: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-body-video {
    padding: 0 25px 25px 25px;
}

.modal-header-video {
    padding: 25px 25px 15px 25px;
    text-align: right;
}

.modal-header-video, .modal-footer-video {
    border: 0;
}

    .modal-header-video .close {
        float: none;
        margin: 0;
        font-size: 36px;
        color: #fff;
        font-weight: 300;
        text-shadow: none;
        opacity: 1;
    }

.navbar-btn.navbar-right.hidden-xs img {
    margin-bottom: 5px;
}

.imageMediation{
    margin-top:10px;
    margin-bottom:10px;
}
.tableauMediation {
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
    border-style: double;
    padding-bottom:15px;
}