.cadre {
    width:860px; 
    background-color:white; 
<!--    height:580px;  -->
<!--    border:20px #113887 solid; -->
    padding: 0px;
    margin: 0px;
}

.cadre H1 {
    margin-top: 10px;
    line-height: 25px;
    font-size: 16px;
    color: #113887;
    text-align: center;
}

.cadre .image {
    margin-top:30px;
}

.cadre .image img {
    border:0px;
}

.cadre .tableau {
    margin-top:30px;
    margin-bottom: 0px;
    margin-left: 180px;
    width: 500px;
    height: 350px;
}

.cadre .table {
    width:100%;
    border-collapse:collapse;
}

.comment {
    position: absolute;
    background-color: lightgrey;
    top : 0;
    left: 0;
    border: 1px solid blue;
    text-align: left;
    font-size: 10px;
    visibility: hidden; 
    padding:5px; 
}
.comment h1 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom:10px;
}

.comment ul {
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.cadre .lignetitre {
    line-height:50px;
    width:100%;
}

.cadre .ligne {
    line-height: 26px;
    font-size: 12px;
    width:100%;
}

.cadre .colonne1 {
    width:55%;
    text-align: left;
    border-bottom:1px #113887 solid;
}

.cadre .colonne2 {
    width:15%;
    color: #113887;
    text-align: left;
    border-bottom:1px #113887 solid;
}

.cadre .colonne3 {
    width:30%;
    text-align: center;
    border-bottom:1px #113887 solid;
    font-weight: bold;
}