.titrefamille {
    position:relative;
    display:block;
    width:70%;
    color:#fff;
    font-size:130%;
    font-weight:bold;
    line-height:110%;
    text-align:left;
    padding:1em 2em;
    margin:1.5em 0 2em 4em;
    border:2px solid #dbd7d7;
    border-radius:10px 10px;
    box-shadow:6px 6px 12px #c6c6c6;
}

.pslft {
   background-color: #f5efd3;
   float: left;
   clear:right;
   width:40%;
   color:#aa0034;
   font-size:100%;
   font-weight: bold;
   line-height:110%;
    padding:.2em 1em;
   margin:0 0 0 .5em;
   border:2px solid #fff;
}

.pslftnrd {
   background-color:#474747;
   float:right;
   clear:right;
   width:15%;
/*   color:#ffffff;*/
   font-size:100%;
   font-weight: bold;
   line-height:110%;
    padding:.3em;
   margin:0 2em 0 0;
   border-radius:15px;
   border:none;
}

.dnlft, .dnlft1, .dnlft2,  .dnlft21, .dnlft3, .dnlft4, .dnlft5, .dnlft51 {
   background-color:#d6d1b8;
   float: left;
   clear:left;
   color: #006e00;
   font-size:100%;
   font-weight: bold;
   line-height:110%;
    padding:.2em .5em;
   margin:0 .5em 0 0;
   border:2px solid #fff;
}
.dnlft1 {
   float: left;
   clear:left;
   padding:.2em .5em;
   margin:0 .5em 0 2em;
}
.dnlft2, .dnlft21 {
   float: left;
   clear:left;
    padding:.2em .5em;
   margin:0 .5em 0 5em;
}
.dnlft21 {
   float: left;
   clear:left;
   padding:.2em .5em;
   margin:0 .5em 0 2em;
}

.dnlft3 {
   float: left;
   clear:left;
    padding:.2em .5em;
   margin: 0 .5em 0 7em;
}
.dnlft4 {
   float: left;
   clear:left;
    padding:.2em .5em;
   margin:0 .5em 0 9em;
}
.dnlft5 {
   float: left;
   clear:left;
    padding:.2em .5em;
   margin:0 .5em 0 11em;
}
.dnlft51 {
   float: left;
   clear:left;
    padding:.2em .5em;
   margin:0 .5em 0 12em;
}

.linkimg {
    background-color:#fff;
   float:right;
   clear:left;
    padding:.2em .5em;
   margin:0;
   border:1px solid #fff;
}