.image_profile
    {
    max-width: 200px!important;
    margin: auto;
    display: block;
    }

.fond_classique
    {
    background-image: url("../../4_MEDIAS/fond/fond_classique.jpg");
    background-size: cover;    
    }

.fond_nouveau
    {
    background-image: url("../../4_MEDIAS/fond/fond_nouveau.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    }

.fond_nouveau_white
    {
    background-image: url("../../4_MEDIAS/fond/fond_nouveau_white.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    }

.ciel
    {
    background-image: url(../../4_MEDIAS/web_design/ciel.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;  
    }

.mem_classique
    {
    background: linear-gradient(to bottom, #2196f3 0%,rgba(33, 150, 243, 0) 100%);
    }

.mem_classique .carte_rond
    {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 22px;
    }

.mem_classique .carte_rond.mem_min
    {
    margin: 10px 3px 3px 3px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    padding: 10px;
    }


@media (max-width: 350px)
    {
    .mem_classique .carte_rond
        {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        padding: 12px;
        }
    }

.mem_classique .carte_rond img
    {
    width: 100%;
    filter: invert(1);  
    }

.mem_classique .flex_image
    {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    }
    
#award_spacetime
    {
    background-image: url(../../4_MEDIAS/awards/prix_du_son.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;     
    }
    
.award_page
    {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;     
    }


/* https://www.designcouch.com/home/why/2013/11/01/responsive-css3-lightbox-with-no-javascript/ */

        /* Styles the thumbnail */

        a.lightbox img {
        height: 150px;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        margin: 94px 20px 20px 20px;
        }

        /* Styles the lightbox, removes it from sight and adds the fade-in transition */

        .lightbox-target {
        position: fixed;
        top: -100%;
        width: 100%;
        background: rgba(0,0,0,.7);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
        }

        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

        .lightbox-target img {
        margin: auto;
        position: absolute;
        top: 0;
        left:0;
        right:0;
        bottom: 0;
        max-height: 0%;
        max-width: 0%;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        box-sizing: border-box;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        }

        /* Styles the close link, adds the slide down transition */

        a.lightbox-close {
        display: block;
        width:50px;
        height:50px;
        box-sizing: border-box;
        background: white;
        color: black;
        text-decoration: none;
        position: absolute;
        top: -80px;
        right: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        }

        /* Provides part of the "X" to eliminate an image from the close link */

        a.lightbox-close:before {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top:10px;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        }

        /* Provides part of the "X" to eliminate an image from the close link */

        a.lightbox-close:after {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top:10px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
        }

        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

        .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
        }

        .lightbox-target:target img {
        max-height: 100%;
        max-width: 100%;
        }

        .lightbox-target:target a.lightbox-close {
        top: 0px;
        }