h2 {
    margin-top: 2em;
    background-color: rgb(245,245,245);
    border: 2px solid gray;
    padding: 0.25em;
}

h3 {
    color: rgb(150,150,150);
    font-variant: small-caps;
    margin-top: 1.5em;
    background: rgb(245,245,245);
    border: 1px solid lightgray;
    padding: 0.2em;
}

.short-presentation-content {
    margin-left: 1em;
    margin-top: 0.5em;
}
.short-presentation-content .sublevel {
    margin-left: 1em;
}



.contact {
    margin-top: 1em;
}

.address {
    margin-top: 1em;
}

.layout-short-presentation-photo {
    display: flex;
    justify-content: space-between;
}

.logo-lix-cnrs {
    margin-top: 0.5em;
}

.logo-social-network {
    margin-top: 0.5em;
    display: flex;
    justify-content: center;
}

.logo-social-network img {
    height: 20px;
    margin-right: 0.5em;
    filter: contrast(15%);
}



.logo-social-network a:hover img {
    filter: invert(50%) sepia(10%) saturate(3000%) hue-rotate(-60deg) brightness(100%) contrast(100%);
}

.photo-dr{
    margin-top: 1.0em;
    width: 180px;
    border-radius: 5px;
}
.image-dr {
    margin-left: 1em;
}

.phd-entry {
    margin-top: 1em;
    margin-left: 1em;
}
.phd-entry .name {
    font-weight: bold;
}
.phd-entry .phd-entry-wrap {
    margin-left: 1em;
}
.phd-entry .title {
    font-weight: bold;
}


.responsability {
    margin-top: 2em;
}

.no-color {
    color: rgb(60,60,60);
}
.responsability .entry{
    margin-left: 1em;
    margin-top: 0.5em;
}

.detail {
    font-size: 85%;
    color: rgb(120,120,120);
    margin-left: 1.5em;
}


.axis-video-container {
    width: 40%;
}
.axis-video-container video {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: 0% 25%;
}

.axis-entry {
    display: flex;
    margin-left: 1em;
    margin-top: 2em;
}

.axis-description-container {
    width: 60%;
}

.axis-video-container{
    margin-left: 1em;
}
.project-title {
    font-weight: bold;
    font-size: 110%;
}
.project-elements {
    margin-left: 1em;
}
.project-publications {
    font-size: 90%;
    margin-top: 1em;
    color: rgb(130,130,130);
    font-style: italic;
}
.related-publication-text {
    font-weight: bold;
}
.project-publications {
    margin-left: 1em;
}

.news-entry {
    margin-top: 1em;
    display: flex;
    align-items: top;
}

.news-date {
    width: 65px;
    height: 20px;
    background-color: rgb(255,255,230);
    border-radius: 10px;
    border: 1px solid gray;
    padding: 5px;
    flex-shrink: 0;
    text-align: center;
}
.news-entry-detail {
    margin-left: 1em;
    margin-top: 0.25em;
}
.news-keyword {
    font-weight: bold;
}


.explanation-link-subtitle {
    margin-top: 1em;
    font-weight: bold;
}
.explanation-link {
    margin-top: .25em;
}
.explanation-link-detail{
    color: rgb(120,120,120);
    margin-left: 1.5em;
    font-size: 85%;
}


#former-phd-title:hover {
    cursor:pointer;
    background-color: rgb(255,245,245);
}


/* ********************* */


.subtitle {
}
.subtitle .entry {
    margin-top: 0.25em;
}


.subtitle-link {
    margin-top: 0.5em;
}
.subtitle-link .entry {
    display: inline-block;
}




.photo{
    height: 200px;
    border-radius: 5px;
}

.logo-institute {
    text-align:center;
    margin-top: 2em;
}

.logo-institute img {
    margin-top: 0.25em;
}

.logo-lix {
    height: 65px;
    margin-bottom: 1em;
    vertical-align:middle;
    margin-right: 1em;
}
.logo-cnrs {
    height: 80px;
    vertical-align:middle;
}

.logo-ep {
    height: 120px;
    margin-right: 5em;
    vertical-align:middle;
}

/* .explanation-wrapper {
    display: flex;
}

.explanation-wrapper>div {
    width: 33%;
    margin-left: 2em;
}



.separation {
    background-color: rgb(240,240,240);
    width: min(50%,500px); 
    height: 4px;
    margin: auto;
    margin-top: 2em;
} */

.research_description{
    text-align: justify;
}

.language_flag {
    float: right;
}
.language_flag img {
    width: 50px;
    margin-left: 0.5em;
    border: 1px solid rgb(0,0,0);
    border-radius: 5px;
}
.language_flag img.active {
    outline: 2px solid black;
}
.language_flag img:hover {
    border: 1px solid red;
    outline: 2px solid red;
}

.responsability {
    border: 1px solid gray;
    padding: 0.5em;
    border-radius: 8px;
    background-color: rgb(253,253,253);
}
.responsability_title {
    font-style: italic; 
    font-weight: bold; 
    margin-bottom: 1em;
}

/* .float-right {
    float: right;
    margin-left: 1.5em;
}

.image-before {
    display: block;
}
.image-after {
    display: none;
} */

  


/* article p{
    margin-left: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.short-presentation h1{
    font-size: 175%;
}

.shortcuts {
    clear: both;
    margin-top: 1em;
    margin-left: 2em;
} */














/* .research-projects-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.research-projects-wrapper .project-entry {
    margin-left: 1em;
    margin-top: 1em;
    border: 2px solid rgb(180,180,180);
    padding: 20px;
    border-radius: 10px;
}
.project-title {
    font-weight: bold;
}
.project-elements {
    margin-left: 1em;
}
.project-thumbnail {
    width: 300px;
    height: 169px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.project-thumbnail video {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}
.project-entry .element-entry {
    line-height: 1.25em;
}
.project-entry .project-publications{
    font-size: 70%;
    color: gray;
    font-style: italic;

}


.explanation-link-subtitle {
    margin-top: 1em;
    font-weight: bold;
}
.explanation-link {
    font-size: 80%;
    margin-top: .25em;
}
.explanation-link-detail{
    color: gray;
    font-style: italic;
    margin-left: 1em;
}

.text-center {
    text-align: center;
}

.footer-home {
    text-align:center;
    font-style: italic;
    color: gray;
    margin-top: 3em;    
}
.footer-home a {
    color: gray;
} */



@media (max-width:800px)
{
    .layout-short-presentation-photo {
        flex-wrap: wrap;
        justify-content: center;
    }
    .axis-entry {
        flex-wrap: wrap;
        justify-content: center;
    }
    .axis-description-container {
        width: 100%;
    }
    .axis-video-container {
        width: 100%;
        max-width: 400px;
        margin-top: 1em;
    }
    /* .float-right {
        display: block;
        float: none;
        margin: auto;
    }
    .short_info, .shortcuts, article p {
        margin-left: 0;
        margin-right: 1em;
    }

    .image-before {
        display: none;
    }
    .image-after {
        margin-top: 1em;
        display: block;
    } */
    .logo-lix, .logo-cnrs, .logo-ep {
        display: inline-block;
        margin: auto;
    }


    /* .explanation-wrapper {
        display: block;
    }
    
    .explanation-wrapper>div {
        width: 100%;
    } */
}



/* *********************** */