.section {
    display : grid;
    grid-area: section;
    grid-template-rows: 735px;
    grid-template-columns: 100px 800px 100px;
    background-color: #F5F5F5;
    grid-template-areas: ". page .";
}


.page {
    display: grid;
    grid-area: page;
    grid-template-rows: 137px 572px 26px  ;
    grid-template-columns: 1fr;
    grid-template-areas: "page_header"
                          "page_main"
                          "pagination";

}

.page_header {
    display:grid;
    grid-area: page_header;
    grid-template-columns: 226px 574px;
    grid-template-rows: 37px 72px 28px;
    grid-template-areas: ". ."
                         "page_header_title page_header_img"
                        ". .";
}

.page_header_title {
    display: grid;
    grid-area: page_header_title;
    grid-row-gap: 3px;
    align-self: start;
}


.page_header_img {
    display: grid;
    grid-area: page_header_img;
}

.page_main {
    grid-area: page_main;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap:5px;
}

.personne {
    display: grid;
    grid-template-columns: 96px auto;
    grid-template-rows: auto;
    grid-template-areas: "personne_image personne_texte";
}

.personne_image {
    grid-area: personne_image;
    border:1px solid #777777;
}

.personne_texte {
    grid-area: personne_texte;
}



.pagination {
    display: grid;
    grid-area: pagination;
    /*margin-right: auto;*/
    /*margin-left: auto;*/
    line-height: 16.00px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1f698c;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 13.3px;
    vertical-align: 0;
    text-align: center;
}

.pageperso > a {
    line-height: 16.00px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 13.3px;
    vertical-align: 0;
}

.pageperso > a:link, .pageperso > a:visited,
.pageperso > a:hover {
    color: #28aae2;
    text-decoration: none;
}

h1 {
    font-size: 26.7px;
    line-height: 30.67px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #1f698c;
    /*margin-bottom: 0px;*/
}

.titre_ita {
    padding-bottom: 5px;
    width: 123px;
    border-bottom:  6px solid #E0633D;
}

.titre_chercheurs {
    padding-bottom: 5px;
    width: 132px;
    border-bottom:  6px solid #E0633D;
}

.titre_doctorants {
    padding-bottom: 5px;
    width: 130px;
    border-bottom:  6px solid #E0633D;
}

.titre_doctorants_en {
    padding-bottom: 5px;
    width: 207px;
    border-bottom:  6px solid #E0633D;
}

.titre_postdoctorants {
    padding-bottom: 5px;
    width: 175px;
    border-bottom:  6px solid #E0633D;
}

.personne_texte {
    margin-left: 5px;
}
.personne_texte > .prenom_nom {
    line-height: 16.00px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1f698c;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 13.3px;
    vertical-align: 0;
    margin: 0;
}

.personne_texte > .fonction, .personne_texte > .phone,
.personne_texte > .pageperso, .personne_texte > .advisors {
    line-height: 13.00px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font-variant: normal;
    font-size: 10.7px;
    vertical-align: 0;
    margin: 0;
}

