/*
Style page_perso

Memo:
    p {} -> Tous les paragraphes
    h1, em {} -> Tous les titres h1 ET emphases
    .class {} -> Pour la classe `class`
    * {} -> sélecteur universelle
    h1 em {} -> Balises <em> à l'intérieur de <h1>
    h1 + p -> Première balise <p> qui suit <h1>
    a[title] -> Tous les liens <a> qui possèdent un attribut `title`
    a[title="Cliquez ici"] -> Tous les liens <a> qui possèdent un attribut `title` valant "Cliquez ici"
    a[title*="ici"] -> Tous les liens <a> qui possèdent un attribut `title` avec "ici" dedans

Taille:
    Absolue : font-size: Npx -> Police de N pixels
    Relative : xx-small / x-small / small / medium / large / x-large / xx-large
    Relative v2 : 1em = taille normale / remplacer 1 par autre chose pour varier

Style italique : font-style: italic / oblique / normal
Gras : font-weigth: bold / normal
Souligné : text-decoration: underline / line-through / overline / blink (clignotant) / none

Alignement : text-align: left / center / right / justify
Flottants : float: left / right
    Stopper alignement texte sur flottant: clear: left / right / both

Couleur :
    texte : color:
    fond : backgroud-color
    image de fond : background-image
        > ou : background + toutes les instruction à la suite.
        > ex : background: url("Mars.png") fixed no-repeat center
    tranparence : opacity
*/

/*@import('Linux-Libertine_webfont/import.css');*/
/*@import '../Linux-Libertine_webfont/import.css';*/
/*@import url("https://aurelien.stcherbinine.net/Linux-Libertine_webfont/import0.css");*/
/*@import 'https://aurelien.stcherbinine.net/Linux-Libertine_webfont/import.css';*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/*---------------------------------------------------------------------------*/
/* Général */
*
{
    /*Affichage de tous les contours des boites*/
    /*border: 1px solid white;*/
}

body
{
    background-color: black;
    color: white;
    /*background-image: url("../images/Mars.png");*/
    /*background-image: url("https://aurelien.stcherbinine.net/images/Mars.png");*/
    background-image: url("https://aurelien.stcherbinine.net/images/Mars_Viking__Valles_Marineris_detoure.png");
    background-size: 800px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    /*background-blend-mode: multiply;*/
    /*font-family: 'Linux Libertine', Times;*/
    /*font-family: 'Linux Libertine';*/
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    /*opacity: 0.5;*/
}

/*body:after*/
/*{*/
    /*content: "";*/
    /*position: fixed;*/
    /*top: 0; bottom: 0; left: 0; right: 0;*/
    /*background: rgba(0,0,0,0.5);*/
    /*pointer-events: none;*/
/*}*/

.sc
{
    font-variant: small-caps;
}

strong
{
    font-weight: 800;
}

sup
{
    vertical-align: super;
    font-size: 70%;
}

sub
{
    vertical-align: sub;
    font-size: 70%;
}

section
{
    width: 80%;
    max-width: 1000px;
    min-width: 800px;
    margin: auto;
}

/*---------------------------------------------------------------------------*/
/* Header */
header
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*align-items: flex-end;*/
}

/*header h1*/
/*{*/
    /*color: red;*/
/*}*/

#titre_principal h1
{
    color: red;
    font-size: 2em;
}

header #titre_principal a
{
    color: red;
    text-decoration: none;
}

header #titre_principal a:hover
{
    color: red;
    text-decoration: none;
    /*text-decoration: underline;*/
}

header #bandeau
{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    /*flex: 1;*/
    flex-wrap: nowrap;
    margin-left: 40px;
    margin-right: 40px;
}

header ul
{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

header li
{
    margin-left: 10px;
}

header #langue
{
    text-align: right;
    /*width: 80px;*/
    /*margin-right: 20px;*/
}

header .language-icon
{
    height: 12px;
    width: 18px;
    opacity: 0.5;
}

header .language-icon:hover
{
    opacity: 1;
    transition: all 0.2s;
}

/*---------------------------------------------------------------------------*/
/* Navigation */
nav
{
    /*border: 1px solid white;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*width: 1000px;*/
    /*width: 90%;*/
    min-width: 850px;
}

nav a
{
    font-size: 1.3em;
    color: #BFBFBF;
    text-decoration: none;
    padding: 10px 10px;
    /*border: 1px solid white;*/
    position: relative;
    z-index: 0;
    /*cursor: pointer;*/
}

nav a:hover
{
    /*font-weight: bold;*/
    color: #F2AD0D;
}

nav a:before, nav a:after
{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #F2AD0D;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

nav a:before
{
    top: 0px;
    transform: translateY(10px);
}

nav a:after
{
    bottom: 0px;
    transform: translateY(-10px);
}

nav a:hover:before, nav a:hover:after
{
    opacity: 1;
    transform: translateY(0px);
}

/*---------------------------------------------------------------------------*/
/* Footer */
footer
{
    /*color: grey;*/
    color: #BFBFBF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

footer #contact
{
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
}

/*footer #mail_contact*/
/*{*/
    /*font-size: 1em;*/
    /*color: grey;*/
    /*padding-bottom: 3px;*/
    /*text-decoration: none;*/
/*}*/

/*footer #mail_contact:hover*/
/*{*/
    /*font-size: 1em;*/
    /*padding-bottom: 3px;*/
    /*color: #F2AD0D;*/
    /*text-decoration: underline;*/
/*}*/

footer #mail_contact a:hover
{
    /*text-decoration: underline;*/
}

footer ul
{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

footer li
{
    margin-right: 10px;
}

footer a
{
    font-size: 1em;
    /*color: grey;*/
    color: #BFBFBF;
    padding-bottom: 3px;
    text-decoration: none;
}

footer a:hover
{
    color: #F2AD0D;
    /*text-decoration: underline;*/
}

footer .logo
{
    /*height: 32px;*/
    height: 25px;
    width: auto;
    opacity: 0.8;
    border-radius: 50%;
}

footer .logo:hover
{
    opacity: 1;
    transition: all 0.2s;
}

footer #copyright
{
    font-size: 0.8em;
}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/* Contenu */
a
{
    color: cyan;
    text-decoration: underline;
}

a:hover
{
    color: #F2AD0D;
}

a[class="shy"]
{
    /*color: white;*/
    /*color: #BFBFBF;*/
    color: #D9D9D9;
    text-decoration: none;
}

a[class="shy"]:hover
{
    color: #F2AD0D;
}

li
{
    margin-bottom: 10px;
}

.bloc_indente
{
    margin-left: 30px;
}

body h1
{
    /*font-size: xx-large;*/
    font-size: 1.5em;
}

p
{
    text-align: justify;
}

/*---------------------------------------------------------------------------*/
/* Accueil */
.presentation
{
    /*color: white;*/
    /*text-align: justify;*/
    display: flex;
    flex-direction: row;
}

.txt_presentation
{
    color: white;
    text-align: justify;
}

#photo_pres
{
    /*position: relative;*/
    /*float: right;*/
    height: 300px;
    width: auto;
    /*margin: 10px;*/
    margin-top: 20px;
    margin-left: 20px;
    /*border-radius: 50%;*/
}

#fig_presentation
{
    display: flex;
    /*justify-content: center;*/
}

.img_mars
{
    float: left;
    height: 100px;
    width: auto;
    margin: 10px;
}

#bandeau_logos
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*border: 1px solid white;*/
}

#bandeau_logos img
{
    /*border: 1px solid white;*/
}

#logo_ias
{
    /*float: left;*/
    height: 100px;
    width: auto;
    margin: 10px;
}

#logo_latmos
{
    /*float: left;*/
    height: 100px;
    width: auto;
    margin: 10px;
}

#logo_psaclay
{
    /*float: left;*/
    height: auto;
    width: 180px;
    margin: 10px;
}

/*---------------------------------------------------------------------------*/
/* CV */
.formation
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    /*flex-wrap: wrap;*/
}

.formation .periode
{
    /*font-size: 1.1em;*/
    /*font-style: italic;*/
    /*width: 150px;*/
    font-size: 0.9em;
    font-style: italic;
    width: 190px;
}

.formation .formation_desc
{
    flex: 1;
}

.formation .affiliation
{
    font-style: italic;
}

.experience
{
    display: flex;
    /*align-items: center;*/
    align-items: top;
    margin-bottom: 20px;
}

.experience .experience_desc
{
    flex: 1;
}

.experience .periode_logos
{
    flex-direction: column;
    width: 190px;
}

.experience .periode
{
    /*font-size: 1.1em;*/
    /*font-style: italic;*/
    /*width: 150px;*/
    font-size: 0.9em;
    font-style: italic;
    width: 190px;
}

.experience .logos_labos_exp
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

/*Logos stages*/
.experience .logos_labos_exp #logo_IAS_stage
{
    width: 100px;
    height: auto;
    margin: 0px;
    margin-top: 5px;
}

.experience .logos_labos_exp #logo_MPS_stage
{
    width: 100px;
    height: auto;
    margin: 0px;
    margin-top: 15px;
}

/*Logos thèse*/
.experience .logos_labos_exp #logo_PSaclay_these
{
    width: 120px;
    height: auto;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.experience .logos_labos_exp #logo_LATMOS_these
{
    width: 130px;
    height: auto;
    margin: 0px;
    /*margin-top: 5px;*/
}

.experience .logos_labos_exp #logo_IAS_these
{
    width: 100px;
    height: auto;
    margin: 0px;
}

.experience .logos_labos_exp #logo_PSaclay_monitorat
{
    width: 120px;
    height: auto;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Logos postdoc*/
.experience .logos_labos_exp #logo_LATMOS_postdoc
{
    width: 130px;
    height: auto;
    margin: 0px;
    /*margin-top: 5px;*/
}

.experience .logos_labos_exp #logo_NAU_postdoc
{
    width: 110px;
    height: auto;
    margin: 0px;
    margin-top: 10px;
}

.experience .logos_labos_exp #logo_IRAP_postdoc
{
    width: 130px;
    height: auto;
    margin: 0px;
    margin-top: 10px;
}

.experience .logos_labos_exp #logo_CNES_postdoc
{
    width: 100px;
    height: auto;
    margin: 0px;
    margin-top: 0px;
}

/*Figure profil*/
#profile_pic
{
    /*position: relative;*/
    /*float: right;*/
    height: 250px;
    width: auto;
    margin: 10px;
    border-radius: 50%;
}

#fig_cv
{
    display: flex;
    justify-content: center;
}

/*aside*/
/*{*/
    /*position: relative;*/
/*}*/

/*---------------------------------------------------------------------------*/
/* Vulga */
#bandeau_vulga
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /*border: 1px solid white;*/
}

#img_80ansCNRS
{
    height: 300px;
    width: auto;
    margin: 10px;
}

#teyran2019
{
    height: 300px;
    width: auto;
    margin: 10px;
}

/*---------------------------------------------------------------------------*/
/* OMEGA-Py */
#logo_omegapy
{
    display: flex;
    justify-content: center;
}

/*---------------------------------------------------------------------------*/
/*END*/
/*---------------------------------------------------------------------------*/