<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


@font-face {
    font-family: 'Source Sans Pro Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/IGFL/public/SourceSansPro-Bold.otf') format('otf');
}
@font-face {
    font-family: 'Source Sans Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/IGFL/public/SourceSansPro-Regular.otf') format('otf');
}
@font-face {
    font-family: 'Source Sans Pro Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/IGFL/public/SourceSansPro-Semibold.otf') format('otf');
}
@font-face {
    font-family: 'Source Sans Pro Italic';
    font-style: italic
    font-weight: 400;
    src: url('/IGFL/public/SourceSansPro-It.otf') format('otf');
}

:root {
    --gris: #6B7882;
    --grisclair: #E9EDF0;
    --color: #00284B;
    --bleu: #172849;
    --grisbleu: #00284b;
    --maincolor: var(--cnrs);
    --backgroundimage: url(/IGFL/public/bandeau_UMR.jpg);
}
* {
  box-sizing: border-box;
}

body {
    background-color: #ffffff!important;
    font-size: 18px!important;
    line-height: 23px!important;
    color: var(--color);
    font-family: 'Source Sans Pro', sans-serif!important;
}
h1, h2, h3 {
    font-family: 'Source Sans Pro', sans-serif!important;
} 
h1 {
    color: var(--grisbleu);
}
.flexrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.flexcolumn {
    display: flex;
    flex-direction: column;
}
.widget-content .btn-link, .widget-content .btn-link:hover , .widget-content, .label, .label-default,
 .justify-content-center {
    all: unset;
}


/* header */

.logo {
    height: 304px;
    position: relative;
    padding: 10px;
}
.logo h1{
    color:#333
}
.logo:before {
    content: "";
    background: var(--backgroundimage) no-repeat;
    background-size: cover;
    background-position: left;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.site-header .section-corps, .site-header .section-corps table,
.site-header .section-corps table&gt;tbody,
.site-header .section-corps table&gt;tbody&gt;tr {
    height: 280px;
}
.site-header .title {
    font-weight: 500;
    font-family: "IBM Plex Sans", sans-serif;;
    width: 758px;
    padding: 15px;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    background-color: var(--grisbleu);
    display: inline-block;
    text-align: right;
}
.site-header .section-corps {
    margin: 0;    
}

.site-header .section-corps table tbody tr {
    padding: 70px 5% 25px 95px;
    display: grid;
    grid-template-areas:    "labo . logo1 logo2 logo3"
                            "labo . logo4 logo5 logo6";
    grid-template-columns: minmax(200px, 455px) 1fr minmax(0px, 225px) minmax(0px, 225px) minmax(0px, 225px);
    grid-template-rows: auto auto;
}
.site-header .section-corps table tbody tr td:nth-child(2) { /* premier logo de la liste de droite*/
    grid-area: logo1;
    justify-self: center; /*horizontal*/
    align-self: center; /* vertical */
}
.site-header .section-corps table tbody tr td:nth-child(3) { /* second logo de la liste de droite*/
    grid-area: logo2;
    justify-self: center;
    align-self: center;
}
.site-header .section-corps table tbody tr td:nth-child(4) {
    grid-area: logo3;
    justify-self: center;
    align-self: center;
}
.site-header .section-corps table tbody tr td:nth-child(5) {
    grid-area: logo5;
    justify-self: center;
    align-self: end;
}
.site-header .section-corps table tbody tr td:nth-child(6) {
    grid-area: logo6;
    justify-self: center;
    align-self: end;
}
@media only screen and (max-width: 1180px) {
    .site-header .section-corps table&gt;tbody&gt;tr td[align="right"] {
        display: none;
    }
}



.site-header .section-corps table&gt;tbody&gt;tr td[align="left"] {
    grid-area: labo;
    justify-self: start;
    align-self: center;    
}

/* main */
main {
    background-color: #ffffff!important;
}
main .section-corps {
    width: 100%;
    max-width: calc(1470px + 3rem);
    margin: 26px auto;
    min-height: 400px;
    min-width: 390px;
}
.presentation {
    justify-content: space-between;
    gap: 50px;
}

/* widgets */
.alignWidget {
    gap: 20px;
    justify-content: space-between;
}

.alignWidget .widget {
    width: 460px;
    min-height: 100px;
    border: 1px solid var(--gris);
    padding: 15px 10px 10px 10px;
    box-shadow: 0px 10px 10px #00000029;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    align-items: center;
}
.section-corps .widget .widget-header {
    min-height: 38px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    background-color: var(--gris);
    color: #fff;
    padding: 5px 21px;
    border-radius: 23px;
}
.section-corps .presentation &gt; .widget {
    border: none;
    box-shadow: none;
}
.section-corps .presentation &gt; .widget h2{
    margin-bottom: 37px;
 }
.custom-page .widget .widget-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.custom-page .widget .widget-feeds.accordion {
    margin-top: 10px;
}
.custom-page .widget .media-list {
    padding: 10px 0;
}
.custom-page .widget .media {
    gap: 30px;
}
#sherpa img{
    display: none;
}
#sherpa button {
    background-color: var(--gris);
    border-color: var(--gris);
}
/* navigation */

.website-navigation {
    min-height: 60px;
    width: 100%;
    background-color: #E9EDF0;
    padding-top: 0;
    padding-bottom: 0;
}
.website-navigation a {
    font-size: 20px;    
}
.website-navigation &gt; ul {
    display: block;
    border-bottom: none;
    min-height: 60px;
    width: 100%;
    max-width: calc(1470px + 3rem);
    margin: 0 auto;
    padding: 0 1.5rem 0 1.5rem;
    box-sizing: border-box;
}
.nav-pills&gt;li&gt;a {
    margin-right: 0;
    line-height: 60px;
}
#nav-services .nav-bar&gt;li&gt;a{
    padding-top: 15px
}
#nav-services .nav&gt;li&gt;a{
    padding-top: 15px
}
.website-navigation ul, .website-navigation li, .nav-item .dropdown-menu {
    background: #E9EDF0;
}
.website-navigation &gt; ul &gt; li &gt; a {
    display: inline-block;
    padding: 0 38px;
    height: 60px;
}

.dropdown-menu {
    margin-top: 0;
}
.dropdown-item:hover {
    box-sizing: border-box;
}
.dropdown-toggle::after  {
    border-top-color: var(--grisbleu);
    border-bottom-color: var(--grisbleu);
    margin-left: 10px;
}
.website-navigation, .website-navigation li a, .website-navigation .dropdown-submenu li a, .website-navigation .dropdown-menu a {
    color: var(--grisbleu);
}

ul.dropdown-menu li:not(.not-white):hover, .website-navigation a:hover, .website-navigation .dropdown-submenu a:hover, .website-navigation .dropdown-item:hover {
    background: var(--gris);
    color: var(--grisbleu);
}
/*
.website-navigation a:hover::after, .website-navigation .dropdown-menu a:hover::after, .website-navigation a.active::after, .website-navigation li.show&gt;a::after {
    border-top-color: var(--grisbleu);
    border-bottom-color: var(--grisbleu);
}
*/
.website-navigation&gt;ul&gt;li&gt;a.dropdown-toggle:hover::after, .website-navigation&gt;ul&gt;li.show&gt;a.dropdown-toggle:hover::after {
    border-top-color: #fff;
    border-bottom-color: #fff;    
}
.website-navigation .dropdown-menu .dropdown-submenu:hover &gt; .dropdown-item {
    text-decoration: none;
}
.website-navigation ul.show li.nav-item:hover&gt;a {
    color: #fff!important;
    background-color: var(--gris);
}
.website-navigation .dropdown-menu .dropdown-submenu:hover &gt; .dropdown-menu li a {
    color: #707070;
}
.nav-pills {
    list-style: none;
}
.nav-pills&gt;li {
    display: inline-block;
}
.nav-pills&gt;li.active&gt;a, .nav-pills&gt;li.active&gt;a:hover, .nav-pills&gt;li.active&gt;a:focus {
    border: none;
}
.nav-pills&gt;li&gt;a {

}
.nav-pills .nav-link.active, .nav-pills .show &gt; .nav-link, .nav-item a:hover {
    background-color: var(--gris);
    border-color: var(--gris);
    box-sizing: border-box;
    border-radius: 9px;
    color: #fff;
}
.breadcrumb {
    padding: 2px 15px;
}
.nav .caret {
    marginmaincolor-left: 10px;
}
@media only screen and (max-width: 1300px) {
    .presentation {
        justify-content: unset;
        gap: 100px;
    }
    .presentationLeft {
        width: calc(100% - 490px);
    }
    .presentationRight {
        width: 390px;
    }

}
@media only screen and (max-width: 941px) {
    .presentationLeft, .presentationRight {
        width: 100%;
    }
    .presentationRight {
        align-items: center;
    }
}</pre></body></html>