* {
    box-sizing: border-box;
}

.centre{
    text-align: center;
}

.br{
    border: 1px solid black;
}

.bh{
    border-top: 1px solid black;
}

.bd{
    border-right: 1px solid black;
}

.bb{
    border-bottom: 1px solid black;
}

.bg{
    border-left: 1px solid black;
}

.complet{
    width: 100%;
}

div#cadresuperieur div#soustitre div{

}

div#cadreinferieur div#soustitre div{

}

.flex-container {
    display: flex;
    flex-direction: row;
    font-size: 25px;
    text-align: left;
}

.flex-container-centre {
    display: flex;
    flex-direction: row;
    font-size: 18px;
}

.flex-mini-container {
    display: flex;
    flex-direction: row;
    font-size: 10px;
    text-align: center;
}

.flex-item{
    border-color: #98D1FA;
    padding-bottom: 8px;
    flex: 14.3%;
    font-size: 16px;
}

div#cadresuperieur, div#cadresupgauche, div#cadresupdroit, div#cadresupcentral, div#titre{
    border-color: #98D1FA;
}

.flex-mini-item{
    border-color: #98D1FA;
    flex: 14.3%;
}

.flex-elem-g{
/*    background-color: Khaki;   */
    padding: 10px;
    flex: 15%;
}

.flex-elem-c{
/*    background-color: Khaki;   */
    padding: 10px;
    flex: 70%;
}

.flex-elem-d{
/*    background-color: Khaki;   */
    padding: 10px;
    flex: 15%;
}

.flex-elem-gr{
/*    background-color: Khaki;   */
    padding: 10px;
    flex: 35%;
}

.flex-elem-cr{
/*    background-color: Khaki;   */
    flex: 30%;
    vertical-align: text-top;
}
div.flex-elem-cr a{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 82px;
}

.flex-elem-dr{
/*    background-color: Khaki;   */
    padding: 10px;
    flex: 35%;
}
/*
.flex-item + .flex-item {
    border-left:none;
    border-top:none;
}
*/
.titre{
    background-color: Lavender;
    font-size: 30px;
    font-weight: bold;
    color: #337AB7;
    text-align: center;
}

.mini-titre{
    background-color: Lavender;
    font-size: 16px;
    font-weight: bold;
    color: #337AB7;
}
.iconemtm{
    height: 40px;
}
.untiers{
    width: 30%;
}
.deuxtiers{
    width: 69%;
}