#section-famille .section-inner {
    padding-top:80px;
    padding-bottom: 20px;
    overflow: hidden;
}
#section-famille .title-wrapper {
    text-align:center;
}
#section-famille .title-wrapper .section-title {
    display:inline-block;
    color:var(--bordeaux-color);
    padding:15px 40px 5px 40px;
    border-top:solid 1px var(--bordeaux-color);
    border-bottom:solid 1px var(--bordeaux-color);
    margin-bottom:50px;
}
#section-famille .famille-content {
    margin-left:50%;
    width:420px;
    font-size:16px;
    font-style:italic;
}
#section-famille .famille-content .line{
    overflow: hidden;
}
#section-famille .membres {
    display:flex;
    justify-content:center;
    margin-top: 10px;
}
#section-famille .membres .membre {
    transition: .3s ease-out;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position:relative;
    z-index:1;
}
#section-famille .membres .membre:hover {
    filter: grayscale(0.2);
}
#section-famille .membres .membre.active {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    z-index:2;
}
#section-famille .membres .membre .descriptif {
    opacity:0;
    position:absolute;
    transition: .3s ease-out;
}
#section-famille .membres .membre:hover .descriptif,
#section-famille .membres .membre.active .descriptif {
    opacity:1;
}
#section-famille .membres .membre .descriptif:before {
    content:'';
    background:var(--bordeaux-color);
    position:absolute;
}
#section-famille .membres .membre img {
    transition: .3s ease-out;
}
#section-famille .membres .membre:hover img,
#section-famille .membres .membre.active img {
    transform: scale(1.05);
}
#section-famille .membres .membre.membre1 img {
    width:240px;
}
#section-famille .membres .membre.membre1 .descriptif {
    top: 100px;
    left: -340px;
    width: 280px;
}
#section-famille .membres .membre.membre1 .descriptif:before {
    top:-10px;
    right:-25px;
    width:120px;
    height:1px;
}
#section-famille .membres .membre.membre2 {
    margin-left: -12px;
}
#section-famille .membres .membre.membre2 img {
    width:205px;
}
#section-famille .membres .membre.membre2 .descriptif {
    top: -20px;
    left: 30px;
    width: 300px;
    text-align: right;
    transform: translateX(-100%) translateY(-100%);
}
#section-famille .membres .membre.membre2 .descriptif:before {
    top:20px;
    right:-15px;
    width:1px;
    height:150%;
}
#section-famille .membres .membre.membre3 {
    margin-left:20px;
    margin-top:10px;
}
#section-famille .membres .membre.membre3 img {
    width:298px;
}
#section-famille .membres .membre.membre3 .descriptif {
    top: 160px;
    left: 320px;
    width: 320px;
}
#section-famille .membres .membre.membre3 .descriptif:before {
    top:-10px;
    left:-15px;
    width:200px;
    height:1px;
}
#section-famille .galerie-famille {
    display:flex;
    column-gap:15px;
    margin-top:80px;
}
#section-famille .galerie-famille img {
    height:140px;
}

#section-famille .bg-element.wave-famille-1 {
    top: -6%;
    left: -25.5%;
}
#section-famille .bg-element.leaf-famille-1 {
    top: 11%;
    left: 20%;
}
#section-famille .bg-element.leaf-famille-2 {
    top: -2%;
    left: 23%;
}
#section-famille .bg-element.leaf-famille-3 {
    top: 1.5%;
    left: 28%;
}
#section-famille .bg-element.right-famille {
    right: -18%;
    top: -10%;
}