/* GLOBAL */
.l1200 {
    max-width: 1200px;
    margin: auto;
}

.l1000 {
    max-width: 1200px;
    margin: auto;
}

.l900 {
    max-width: 900px;
    margin: auto;
}

.l600 {
    max-width: 600px;
    margin: auto;
}

body, body p, div p {
    font-family: Red Hat Display;
    font-size: 18px;
    color: #617180;
    line-height: 30px;
}

body {
    background-image: url(./../images/secondary-bg-header.png);
    background-size: 100% 850px;
    background-repeat: no-repeat;
    background-position: top center;
}

.next-prev a {
    text-decoration: none;
    color: #322c62;
    font-size: 16px;
}

div.tox-notifications-container {
    display: none !important;
}

body.secondary-bg-header {
    background-image: url(./../images/secondary-bg-header.png);
    background-size: 100% 850px;
    background-repeat: no-repeat;
    background-position: top center;
}

.select2-container .select2-selection--multiple {
    overflow: hidden;
}

.banner-bg-labo {
    background-image: url(./../images/img-banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
    margin-top: 20px;
}

.nav.menu-top .active, .navbar.navbar-expand-lg .active {
    color: #0091cd;
}

.primary-color {
    color: #6632c9;
}

.card-header.bg_violet {
    background: #322c62;
    color: #fff;
}

.tox-notification.tox-notification--in.tox-notification--warning {
    display: none;
}

.card-body.row.document p {
    margin: 0;
}

.card-body > form #DataTables_Table_0_wrapper,
.card-body > form #DataTables_Table_1_wrapper,
.card-body > form #DataTables_Table_2_wrapper {
    padding: 0;
}

.card-body.row.document h3 span {
    font-size: 16px;
    color: #8e8e8e;
}

h4.commentaire {
    border-top: 1px dashed;
    color: #909090;
    margin-top: 25px;
    padding-top: 15px;
    font-size: 19px;
}

.card.header-projet .card-body {
    color: #fff;
    background-size: cover;
    background-position: center;
    padding: 15px 35px;
}

.card.header-projet .faiconedit {
    float: right;
    width: 42px;
    text-align: center;
}

.menubas li a {
    text-transform: uppercase;
}

.card.projet .card-img-top {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center;
}

#page-modele-preclinique h4 {
    margin-bottom: 0;
    margin-top: 20px;
}

.card.header-projet .card-body h1 {
    font-size: 50px;
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 13px;
}

.col.blocpipeline .card-header {
    font-size: 17px;
    background: #0091cd;
    color: #dff;
}

.col.blocpipeline a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 3px;
    display: block;
    margin-top: 4px;
}

a.faiconedit {
    font-size: 15px;
    background: #69bee1;
    padding: 12px;
    vertical-align: middle;
    border-radius: 30px;
    color: #fff;
}

a.faiconedit:hover {
    background: #322c62
}

.select2-selection__clear {
    margin-right: 5px;
}

.select2-selection__choice__remove {
    margin-right: 5px;
}

ul.select2-selection__rendered .select2-selection__clear {
    display: none;
}

ul.select2-selection__rendered {
    margin-bottom: 0;
}

div.pictolist {
    border-right: 2px solid #c5c5c5;
}

.select2-search__field {
    width: 100% !important;
}

.pictolist i {
    width: 40px;
    text-align: center;
    margin-right: 8px;
}

.card.event i {
    margin-right: 5px;
}

.pictolist h4 {
    margin-bottom: 11px;
    font-size: 20px;
}

p.text-danger {
    font-size: 13px;
    line-height: 17px;
    margin-top: 5px;
}

label.col-lg-12 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 5px;
}

.action_abondement textarea {
    height: 60px;
}

.select2-selection__rendered {
    font-size: 16px;
}

.select2-results li {
    font-size: 15px;
}

.select2-dropdown.select2-dropdown--below {
    border-color: #dee2e6;
    border-radius: 5px;
}

div .select2-container .select2-search--inline .select2-search__field,
input.select2-search__field {
    font-size: 14px;
    height: 31px;
    border: 0;
    border-bottom: 1px solid;
}

span.select2.select2-container {
    border: 1px solid #dee2e6;
    padding: 2px 4px 6px 4px;
    border-radius: 5px;
}

.menu-dashboard a {
    display: block;
    text-decoration: none;
    text-align: center;
    background: #0091cd96;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 0 15px 15px 15px;
    padding: 7px 0;
    font-size: 18px;
}

.menu-dashboard a:hover {
    background: #0091cd;
}

.menu-dashboard a.active {
    background: #322c62;
}

a.btn-1 {
    background-image: url(./../images/fond-btn.png);
    background-size: contain;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 56px 0px 10px 58px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 365px;
    display: block;
    text-align: center;
    z-index: 99;
}

a.btn-1-long {
    background-image: url(./../images/fond-btn-long.png);
    background-size: contain;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 56px 0px 10px 48px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 440px;
    display: block;
    text-align: center;
}

a.btn-1:hover, a.btn-1-long:hover {
    text-decoration: underline;
}

button.btn.btn-primary, a.btn.btn-primary {
    background: #6632c9;
    text-transform: uppercase;
    border: none;
    border-radius: 0 20px 20px 20px;
    padding: 6px 40px;
    font-size: 17px;
}

a.btn.btn-primary:hover {
    background-color: #322c62
}

.btn.btn-secondary,
.btn.btn-danger {
    border-radius: 20px 0 20px 20px;
    padding: 6px 22px;
    font-size: 17px;
    text-transform: uppercase;
}

a.btn-nouveau {
    float: right;
    background: #fff;
    color: #322c62;
    text-decoration: none;
    font-size: 13px;
    padding: 0 20px;
    border-radius: 20px;
}

a.btn-nouveau:hover {
    color: #fff;
    background: #69bee1;
}

button.tooltips {
    border: none;
    border-radius: 16px;
    font-size: 14px;
}

button.btn.btn-primary:hover {
    background: #322c62;
}

.alert.alert-error {
    background: #fe7979;
    text-align: center;
    color: #fff;
    border-radius: 0;
}

.alert.alert-success,
.alert.alert-info {
    text-align: center;
    border-radius: 0;
}

.card-body.annuaire {
    padding-left: 110px;
    background-size: 70px auto;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    background-position: 15px 20px;
}

.card-body.annuaire h3 {
    color: #322c62;
    margin-bottom: 5px;
    font-size: 23px;
}

.card-body.annuaire h3 em {
    font-size: 16px;
    color: #69bee1;
}

.card-body.annuaire h4 {
    font-size: 16px;
    color: #617180;
    text-transform: capitalize;
}

.card-body.annuaire h4 i {
    font-size: 16px;
    margin-right: 10px;
}

.icon-detail-annuaire a i,
.icon-annuaire a i {
    color: #617180;
    margin: 7px;
}

.icon-annuaire {
    margin-left: -97px;
}

.icon-annuaire a {
    font-size: 16px;
    text-decoration: none;
    color: #617180;
}

.icon-detail-annuaire a {
    font-size: 20px;
    text-decoration: none;
    color: #617180;
}

.detail-annuaire h1 {
    font-size: 50px;
    color: #69bee1;
}

.detail-annuaire h3 {
    font-size: 21px;
}

.detail-annuaire h4 {
    font-size: 21px;
}

.detail-annuaire h4 i {
    margin-right: 10px;
}

.table.table-sm td, .table.table-sm th {
    font-size: 16px;
}

.table.table-sm a {
    text-decoration: none;
    color: #322c62;
}

.event .col-6 i {
    font-size: 17px;
    margin-right: 3px;
}

.btnparticipation a {
    font-size: 0
}

.btnparticipation a.false {
    background: #fff;
    width: 25px;
    height: 25px;
    display: block;
    margin: auto;
    border-radius: 15px;
    border: 3px solid #fca93d;
}

.btnparticipation a.true {
    background: #4cfc3d;
    width: 25px;
    height: 25px;
    display: block;
    margin: auto;
    border-radius: 15px;
    border: 3px solid #4cfc3d;
}

div.txtdetail {
    background: #dcdcdc;
    border-radius: 5px;
    padding: 5px 14px;
    font-size: 15px;
}

a.delete_btn_card {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px #c7c7c7;
    padding: 6px;
    border-radius: 24px;
    width: 38px;
    height: 38px;
    text-align: center;
    right: -22px;
    top: -19px;
    color: #000;
    font-size: 17px;
}

/* GLOBAL */


/* PAGE */
h1 {
    font-family: "Times New Roman", Times, serif;;
    color: #617180;
    font-size: 55px;
}

h2 {
    font-family: "Times New Roman", Times, serif;;
    font-size: 50px;
}

.txt-header-home {
    margin-left: 8%;
    margin-top: 50px;
    max-width: 600px;
    margin-bottom: 50px;
}

#bloc-1 {
    padding: 40px 0;
    margin-bottom: 80px;
}

div a {
    color: #6632c9;
    text-decoration: none !important;
}

.img-header-home {
    position: absolute;
    right: 0;
    width: 950px;
    max-width: 65%;
    z-index: -1;
}

.txt-recherche-home {
    width: 90%;
    margin: 50px 0px 10px 10%;
}

#home #bloc-2 {
    background-image: url(./../images/labo-opale.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 33% auto;
    padding-bottom: 300px;
}

#home #bloc-3 a.btn-1 {
    margin-left: 12%;
}

.txt-label-home {
    width: 80%;
    margin: 35px 0 35px 20%;
}

.img-medecin {
    position: absolute;
    left: 0;
    width: 43%;
    margin-top: -440px;
    max-width: 660px;
}

#bloc-3 {
    background-image: url(./../images/secondary-bg-header.png);
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    margin: 50px 0;
}

.citation-1 {
    text-align: right;
    font-family: "Times New Roman", Times, serif;;
    font-size: 34px;
    line-height: 45px;
    font-style: italic;
    color: #9108a1;
    margin-bottom: 35px;
}

.citation-2 {
    text-align: right;
    font-family: "Times New Roman", Times, serif;;
    font-size: 34px;
    margin-top: 25px;
    line-height: 45px;
    font-style: italic;
    color: #6632c9;
    margin-bottom: 35px;
}

#home #bloc-4 {
    margin: 50px 0 50px 0;
}

#home #bloc-5 {
    margin-bottom: 100px;
}

#home #bloc-5 a, a.article-blog {
    text-decoration: none;
    font-weight: 500;
    color: #6632c9;
}

#home #bloc-5 a:hover, a.article-blog:hover {
    text-decoration: underline;
}

#home #bloc-5 .col-12.col-lg-4 {
    padding-right: 5%;
    border-right: 3px solid #e1e8f1;
    padding-left: 0;
    margin-right: 5%;
    max-width: 28%;
}

#home #bloc-5 > div > div:last-child {
    border: none !important;
}

.txt-actu {
    color: #000;
    font-size: 17px;
    line-height: 22px;
}

/* PAGE */


/* HEADER */
#page-resultat .card-body p {
    margin: 0;
}

.form-search {
    position: relative;
}

.img-presentation {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#search {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 90% center;
    border-radius: 23px;
    margin-top: -6px;
    max-width: 100px;
}

.form-search:hover #search {
    max-width: 200px;
    background-position: 96% center;
}

#bloc-5-page-institut a {
    display: inline-block;
    width: auto;
}

button.recherche-btn {
    background-image: url(./../images/loupe.png);
    background-size: cover;
    background-color: transparent;
    border: none;
    font-size: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 27px;
}

.select2-search__field {
    background-image: url(./../images/loupe.png);
    background-size: 17px 17px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 25px !important;
    outline: none;
}

a.btnwindowstop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #322c62ab;
    color: #fff;
    border: none;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
}

.nav.menu-top li a {
    color: #617180;
    font-size: 15px;
    font-family: Futura;
    margin: 0 2px;
    text-decoration: none;
}

header a {
    font-family: Red Hat Display;
    color: #617180;
    text-transform: uppercase;
    font-size: 16px !important;
    text-decoration: none;
    margin: 0;
}

header a:hover, .navbar-nav li a:hover {
    color: #6835cb;
}

/* HEADER */

/* FOOTER */
footer {
    background-image: url(./../images/bg-footer.png);
    background-size: cover;
    background-position: top left;
    padding: 40px 0 10px 0;
    background-repeat: no-repeat;
    margin-top: 30px;
    font-size: 17px;
}

body footer p {
    font-size: 17px;
}

footer ul {
    list-style-type: none;
}

footer p {
    color: #fff;
}

footer ul li a {
    text-decoration: none;
    color: #fff;
}

footer ul li a:hover {
    text-decoration: underline;
}

.social-icon a {
    color: #fff;
    font-size: 25px;
    margin: 0 10px;
}

.col-12.col-lg-3.social-icon {
    padding-top: 60px;
}

/* FOOTER */

/* COOKIES */
#cookiebannerModal p {
    margin: 0 0 0.2em;
}

#cookiebannerModal {
    --color-highlight: #73C229FF;
    --color-button-fg: white;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    background: hsla(0, 0%, 0%, .5);
    z-index: 999;
}

#cookiebannerModal.hidden {
    display: none;
}

#cookiebannerModal a {
    color: #6632c9;
}

#cookiebannerModal #cookiebannerModalDialog {
    background: white;
}

#cookiebannerModal #cookiebannerModalHeader {
    padding: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

#cookiebannerModal #cookiebannerModalTitle {
    margin: 0 0 0.4rem;
}

#cookiebannerModal #cookiebannerModalBody {
    padding: 1rem;
}

#cookiebannerModal #cookiebannerModalFooter {
    padding: 1rem;
    border-top: 1px solid #e5e5e5;
    text-align: right;
}

#cookiebannerModal #cookiebannerModalFooter .text-left {
    text-align: left;
}

#cookiebannerModal .cookiebannerSubmit.btn {
    font-size: 1.2rem;
    margin: 0.2em;
    padding: 0.3em;
    background-color: #6632c9;
    color: var(--color-button-fg);
    border: 0;
}

#cookiebannerModal #cookiebannerModalFooterLinks {
    text-align: left;
    min-height: auto;
    margin-bottom: auto;
    display: inline-block;
    float: left;
    padding: 1rem 0;
}

#cookiebannerModal .cookiebannerH4 {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0.56em 0;
}

#cookiebannerModal .cookiebannerCollapse {
    display: none;
}

#cookiebannerModal .cookiebannerCollapse.show {
    display: block;
}

#cookiebannerModal .cookiebannerModalTable {
    font-size: 0.9rem;
    font-style: italic;
}

#cookiebannerModal .cookiebannerModalTable td {
    padding: 0.1em 0.2em 0.1em;
}

/* The switch - the box around the slider */
#cookiebannerModal .switch {
    font-size: 1rem;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 2.5em;
    height: 1.375em;
    margin: 0 0.3125em 0.3125em 0;
}

/* Hide default HTML checkbox */
#cookiebannerModal .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
#cookiebannerModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: transform 400ms, background-color 400ms;
}

#cookiebannerModal .slider:before {
    position: absolute;
    content: "";
    height: 1.125em;
    width: 1.125em;
    left: 0.125em;
    bottom: 0.125em;
    background-color: white;
    transition: transform 400ms;
}

#cookiebannerModal input:checked + .slider {
    background-color: #6632c9;
}

#cookiebannerModal input:checked:disabled + .slider {
    opacity: 0.3;
    cursor: not-allowed;
}

#cookiebannerModal input:focus + .slider {
    box-shadow: 0 0 1px #6632c9;
}

#cookiebannerModal input:checked + .slider:before {
    transform: translateX(1.125em);
}


/* COOKIES */
/* DATATABLE */
.dataTables_wrapper {
    padding: 20px;
}

.dt-button.buttons-html5, .dt-button.buttons-print {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background: #6933d194;
    color: #fff;
    font-size: 13px;
}

.dt-button.buttons-html5:hover, .dt-button.buttons-print:hover {
    background: #000 !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .datatable.dataTable.no-footer, .dataTables_wrapper .dataTables_info {
    font-size: 15px;
}

#bloc-4-page-fiche-entite table th {
    font-weight: 500;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before {
    padding: 6px;
    border-radius: 4px;
    color: #fff;
    margin-right: 7px;
}

div.dataTables_wrapper .dataTables_filter input {
    max-height: 32px;
    border-radius: 0 20px 20px 20px;
    margin-left: 10px;
}

#bloc-4-page-fiche-entite table td p {
    margin: 0;
}

.select2-selection__rendered .select2-selection__choice {
    display: inline-block;
    margin-right: 10px;
}

.select2-selection__rendered .select2-search.select2-search--inline {
    display: block;
    width: 100%;
}

.dataTables_wrapper thead th {
    font-size: 15px;
    padding: 5px 10px !important;
    background: #0091cd;
    color: #fff;
}

.dataTables_wrapper td {
    font-size: 15px;
    padding: 5px 10px !important;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
}

.dataTables_empty {
    font-size: 13px;
}

td.centrer, th.centrer {
    text-align: center !important;
}

.dataTables_wrapper i {
    color: #322c62;
    margin: 0 4px;
}

/* DATATABLE */

/* CALENDRIER */
#calendar div {
    font-size: 16px;
}

.fc-daygrid-day-top a {
    font-size: 12px;
}

#calendar .fc-event-main-frame div {
    font-size: 13px;
}

h2#fc-dom-1 {
    text-transform: capitalize;
    color: #6c757d;
}

div.fc-event-time {
    font-size: 13px !important;
    font-weight: bold;
}

div.fc-daygrid-event-dot {
    display: none !important;
}

a.fc-event:hover {
    background: #69bee1 !important;
    border: none !important;
}

.fc-scrollgrid-section.fc-scrollgrid-section-header, div.fc-list-day-cushion.fc-cell-shaded {
    background-color: #69bee1;
}

.fc-scrollgrid-section.fc-scrollgrid-section-header a, .fc-list-day-cushion.fc-cell-shaded a {
    color: #fff;
    font-weight: 500;
    padding: 10px;
    text-decoration: none;
}

.fc-daygrid-day-top a {
    text-decoration: none;
    background: #322c62;
    color: #fff;
    width: 25px;
    text-align: center;
    border-radius: 0 0 0 10px;
}

a.fc-event.fc-event-start {
    padding-left: 5px;
}

div.fc-daygrid-event-dot {
    position: absolute;
    top: 30px;
    width: 13%;
}

div.fc-event-title {
    border-left: 1px solid #c5c5c5;
    padding: 7px !important;
    margin-left: 6px;
    font-size: 13px !important;
    line-height: 19px;
    font-weight: lighter !important;
}

a.fc-event {
    background: #322c62;
    color: #fff;
}

a.fc-daygrid-dot-event {
    align-items: inherit;
    white-space: normal;
}

@media (max-width: 700px) {
    div.fc .fc-toolbar {
        display: block;
        text-align: center;
    }

    div.fc .fc-toolbar > div {
        margin: 17px 0;
    }

    .fc-daygrid-event-dot {
        display: none;
    }

    div a.fc-daygrid-dot-event {
        display: block;
        padding: 0;
    }

    div.fc-daygrid-event-dot {
        display: none
    }

    div div.fc-event-title {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        font-size: 15px;
        line-height: 17px;
    }
}

/* CALENDRIER */


/* DEBUT PAGE INSTITUT */
#page-institut #bloc-1 .btn-1 {
    margin-left: 8%;
    margin-top: 60px;
    z-index: 999;
    position: relative;
}

#bloc-3-page-institut {
    background-image: url(./../images/medecin-donnant-presentation-equipe-medecins-interimaires.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 90%;
    margin: 55px 0 60px 0;
}

.col-12.col-lg-12 textarea {
    height: 100px;
}

#page-institut #bloc-1 .txt-header-home {
    max-width: 800px;
}

#page-institut .img-header-home {
    top: 200px;
    max-width: 30%;
    right: 10%;
}

#bloc-2-page-institut h2 {
    line-height: 65px
}

#page-institut h2 span {
    line-height: 65px;
    font-size: 170px
}

#bloc-5-page-institut img {
    margin-top: 35px;
    width: auto;
    height: 68px;
}

#bloc-5-page-institut {
    background-image: url(./../images/secondary-bg-header.png);
    background-size: cover;
    background-position: center;
    padding: 60px 0 0 0;
    margin: 100px 0;
}

/* FIN PAGE INSTITUT */


/*INSTITUT*/
#bloc-1-page-institut {
    padding-top: 80px;
}

#page-institut #bloc-1-page-institut .btn-1 {
    /* margin-top: 130px; */
    margin-top: 250px;
}

#bloc-2-page-institut {
    margin-top: 100px;
}


/*FIN INSTITUT*/

/*DEBUT PAGE LEUCEMIE*/
#bloc-1-page-leucemie {
    margin-top: 40px;
}

.img-bloc-1-page-leucemie {
    position: absolute;
    top: 250px;
    max-width: 30%;
    right: 10%;
}

#bloc-1-page-leucemie .fa-ul {
    width: 50%;
    padding-left: 30px;
}

#bloc-1-page-leucemie > div ul:first-child {
    margin-top: 20px;
}

#bloc-1-page-leucemie > div ul:last-child {
    margin-top: 500px;
}

#bloc-1-page-leucemie .fa-ul li {
    margin: 10px 0 10px 0;
    max-width: 100%;
}

#bloc-1-page-leucemie .fa-ul li span {
    font-weight: 700;
}

#bloc-1-page-leucemie .fa-ul .fa-arrow-right {
    margin-right: 20px;
}

#bloc-2-page-leucemie {
    background-image: url(./../images/docteur-biochimie-analysant-infection-virale-developpant-traitement-pharmaceutique.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
    margin: 20px 0 130px 0;
}

#bloc-3-page-leucemie {
    margin-bottom: 100px;
}

#page-modele-preclinique h2 {
    font-size: 45px;
}

/*FIN PAGE LEUCEMIE*/

/*DEBUT PAGE COLLABORER*/
#page-collaborer > div {
    margin-top: 50px;
    margin-bottom: 50px;
}

#page-collaborer .list-group a,
#page-collaborer > ul {
    color: #617180;
    font-size: 24px;
    padding: 6px 15px;
    font-weight: 500;
}

#page-collaborer .list-group-item-action {
    text-align: right;
    border-bottom: 1px solid #cba886;
    background-color: transparent;
}

#page-collaborer .list-group-item.active {
    background-color: #cba886;
    border-bottom: 1px solid #cba886;
    color: white;
    border-color: #cba886;
}

#page-collaborer .tab-content > .active {
    display: block;
    margin-left: 90px;
    padding-top: 15px;
}

/*FIN PAGE COLLABORER*/

/*DEBUT PAGE ECOSYSTEME*/
#page-ecosysteme > div {
    margin-top: 50px;
    margin-bottom: 50px;
}

img.imgtablette {
    width: 150%;
    margin-left: -10%;
    margin-top: -25px;
}

#bandeautop {
    background: #332c63;
}

#bandeautop p {
    margin: 0;
    color: #fff;
}

#page-ecosysteme-bloc-decouvrir {
    margin-left: 5%;
}


#page-ecosysteme .list-group a, #page-ecosysteme ul {
    font-weight: 500;
    color: #617180;
}

#page-ecosysteme .list-group-item-action {
    text-align: right;
    border-bottom: 1px solid #cba886;
    background-color: transparent;
}

#page-ecosysteme .list-group-item.active {
    background-color: #cba886;
    border-bottom: 1px solid #cba886;
    color: white;
    border-color: #cba886;
}

#page-ecosysteme .list-group a {
    font-size: 24px;
    padding: 6px 15px;
}

#page-ecosysteme .tab-content > .active {
    display: block;
    margin-left: 50px;
    padding: 15px 0 20px 0;
}

#page-ecosysteme h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

#page-ecosysteme #list-reseau-carnot > div:nth-child(n + 2) {
    margin-top: 60px;
}

#list-reseau-carnot > div:nth-child(2) > img:nth-child(3),
#list-reseau-carnot > p:nth-child(5) > img:nth-child(1) {
    display: inline-block;
    width: 40%;
    min-width: 270px;
    margin-top: 15px;
}

/*BOUTON ET LOGO*/
#page-ecosysteme div > div > div:last-child {
    margin-top: 25px;
}

/*FIN PAGE ECOSYSTEME*/

/*DEBUT PAGE OFFRE*/
#bloc-1-page-offre {
    margin-top: 40px;
}

#bloc-1-page-offre img {
    width: 80%;
    margin: auto;
    display: block;
}

#bloc-1-page-offre .txt-header-home {
    margin-top: 20px;
}

/*SELECT*/
#bloc-2-page-offre {
    margin-bottom: 80px;
}

#bloc-2-page-offre .txt-recherche-home {
    margin-top: 20px;
}

#bloc-2-page-offre .btn-select {
    position: relative;
    width: 13.952%;
    height: 60px;
    background: #c82233;
    padding: 0;
    margin-top: 36px;
    border-radius: 10px 10px 0 0;
}

#page-modele-preclinique .col-lg-7.col-12.ms-auto.mt-3 {
    padding-left: 12px !important;
}

#bloc-2-page-offre .btn-select span {
    border: none;
    height: 60px;
    line-height: 57px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background: transparent;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

#bloc-2-page-offre .btn-select span .select2-selection__clear {
    display: none !important;
}

#bloc-2-page-offre .btn-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline-style: none;
    color: white;
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    text-indent: 5px;
    padding: 0 0 0 16px;
}

/*COULEURS POUR CHROME*/
#bloc-2-page-offre .btn-select option {
    background: white;
    color: #617180;
    padding: 6px;
}

#bloc-2-page-offre .btn-select option:checked {
    color: white;
    background-color: #322c62;
}

/*CARDS*/
#bloc-2-page-offre {
    padding: 0;
}

#bloc-2-page-offre h2 {
    padding-left: 0;
}

#bloc-2-page-offre .container a {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    width: 24.65%;
    min-height: 345px;
    transition: 0.3s ease-out;
    margin-top: 5px;
    margin-right: 0;
}

#bloc-2-page-offre .card-offre {
    width: 100%;
    min-height: 345px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: background-size 0.4s ease-in-out;
    background-color: #c5c5c5;
}

#bloc-2-page-offre .card-offre:hover {
    background-size: 120% 120%;
}

#bloc-2-page-offre .fa-ul {
    margin-left: 26px;
}

#bloc-2-page-offre li {
    list-style: none;
}

#bloc-2-page-offre li .fa-chevron-right {
    display: inline-block;
    padding: 5px;
    align-items: center;
    font-size: 10px;
    margin-left: 5px;
}

#bloc-2-page-offre .card-offre div {
    color: white;
    padding: 40px 10px 10px 20px;
    font-size: 16px;
}

#bloc-2-page-offre .card-offre p {
    color: white;
    font-size: 16px;
    margin: 0
}

#bloc-2-page-offre .card-offre ul li {
    margin-left: 10px;
    color: white;
    font-size: 16px;
}

/*BTN*/
#bloc-2-page-offre .btn-1-long {
    background-image: url(./../images/fond-btn-long.png);
    width: 665px;
    margin: 20px auto 20px auto;
    padding: 90px 0px 18px 45px;
}

#bloc-3-page-offre .primary-color {
    font-size: 40px;
    font-weight: 700;
}

#bloc-3-page-offre p {
    line-height: 25px;
    margin-top: 6px;
    font-size: 16px;
}

#bloc-3-page-offre div.row {
    margin: 25px 0 90px 0;
}

#bloc-3-page-offre div.row div {
    text-align: center;
}

/*FIN PAGE OFFRE*/

/*DEBUT PAGE OFFRE DETAIL*/
#page-fiche-offre h1,
#page-fiche-offre h2,
#page-fiche-offre h5,
#page-fiche-offre p {
    font-family: Red Hat Display;
}

#page-fiche-offre h2,
#page-fiche-offre h3,
#page-fiche-offre h5 {
    font-weight: 700;
}

#page-fiche-offre > .container {
    margin-top: 150px;
}

#page-fiche-offre .bloc-tag-offre ul li {
    color: #fff;
    font-weight: normal;
}

.light-style .select2-dropdown {
    height: auto;
    overflow-y: scroll;
}

#bloc-4-page-fiche-offre ul {
    margin-left: 19px;
}

#page-fiche-offre h1,
#page-fiche-offre h2 {
    font-size: 32px;
}

#page-fiche-offre hr {
    border: 2px solid;
}

#bloc-2-page-fiche-offre li.list-group-item-danger {
    background-color: #C639E7;
}

#bloc-2-page-fiche-offre li.list-group-item-success {
    background-color: #2220A8;

}

#bloc-2-page-fiche-offre li.list-group-item-info {
    background-color: #5A57DF;
}

#bloc-2-page-fiche-offre li.list-group-item-warning {
    background-color: #9823A6;
}

#bloc-2-page-fiche-offre div:nth-child(1) {
    margin-bottom: 40px;
}

#bloc-2-page-fiche-offre p:last-child {
    margin-bottom: 70px;
}

#bloc-3-page-fiche-offre ul, #bloc-2-page-fiche-offre ul {
    padding-left: 20px;
}

.bloc-tag-offre > ul {
    padding: 0 !important;
}

#bloc-5-page-fiche-offre div.partenariat-footer {
    margin-top: 0px;
}

#bloc-5-page-fiche-offre img {
    width: 100%;
    object-fit: contain;
}


#bloc-5-page-fiche-offre div.partenariat-footer span {
    font-weight: 700;
}

#bloc-7-page-fiche-offre figure img,
#bloc-8-page-fiche-offre {
    margin-top: 150px;
}

#bloc-7-page-fiche-offre img,
#bloc-8-page-fiche-offre img {
    width: 70%;
    min-width: 200px;
}

/*FIN OFFRE DETAIL*/
/*DEBUT PAGE ENTITES */

#page-entites p:first-child {
    padding-left: 100px;
    margin-bottom: 60px;
}

#page-entites {
    margin-bottom: 100px;
}

#page-entites div.card h5,
#page-entites div.card h6,
#page-entites div.card p,
#page-entites div.card a {
    font-size: 16px;
}

#page-entites a {
    transition: 0.3s ease-out;
}

#page-entites .fa-chevron-right {
    font-size: 10px;
}

#page-entites a:hover {
    color: #cba886;
}

#page-entites div.card-body h6 span {
    color: #617180;
}

#page-entites .primary-color,
#page-entites div.card h6 {
    font-weight: 700;
}

#page-entites .card {
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius: 0px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-radius: 0px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

#page-entites a:last-child {
    text-decoration: none;
    text-align: center;
    font-weight: 900;
}

/*FIN PAGE ENTITES */

/* DEBUT DETAIL ENTITE */

body #page-fiche-entite a:hover {
    color: #cba886;
    text-decoration: underline;
}

#page-fiche-entite h1,
#page-fiche-entite h2,
#page-fiche-entite h5,
#page-fiche-entite p {
    font-family: Red Hat Display;
}

#page-fiche-entite section h2 {
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 20px;
}

#page-fiche-entite h5 {
    color: #617180;
    font-weight: 600;
    font-size: 18px;
    margin: 20px auto 0 auto;
}

#bloc-1-page-fiche-entite p {
    padding-top: 10px;
    font-size: 32px;
    color: #ffffff;
}


#bloc-2-page-fiche-entite {
    margin-top: 60px;
    margin-bottom: 50px;
}

#bloc-2-page-fiche-entite div:nth-child(1) {
    padding: 0;
}

/*LOGO MVA*/
#bloc-2-page-fiche-entite .logo-centre-immunologie {
    width: 250px;
    margin-bottom: 60px;
}

#bloc-2-page-fiche-entite .logo-centre-immunologie img {
    width: 100%;
    object-fit: contain;
}

#bloc-2-page-fiche-entite > div.logo-centre-immunologie h2 {
    font-size: 15px;
}

#bloc-2-page-fiche-entite > div > div:last-child {
    width: 100%;
    margin: 30px 0 50px 0;
}

#bloc-2-page-fiche-entite > div > div:last-child > img {
    width: 100%;
    object-fit: contain;
}

#bloc-2-page-fiche-entite .container-cards-contact {
    margin: 0 0 0 auto;
    padding: 0;
}

#bloc-2-page-fiche-entite .container-cards-contact h2 {
    margin-bottom: 25px;
}

#bloc-2-page-fiche-entite .card {
    width: 230px;
    border: none;
}

#bloc-2-page-fiche-entite .card-img-top {
    width: 100%;
    object-fit: contain;
}

#bloc-2-page-fiche-entite .card-body {
    padding: 10px 0 10px 0 !important;
}

#bloc-2-page-fiche-entite .container-cards-contact a {
    color: #617180;
    text-decoration: none;
    transition: 0.3s ease-out;
}

#bloc-2-page-fiche-entite .container-cards-contact p {
    margin-bottom: 0;
    font-size: 15px;
}

#bloc-3-page-fiche-entite div {
    margin-bottom: 30px;
}

#bloc-3-page-fiche-entite > div > div {
    padding: 0;
}

#bloc-3-page-fiche-entite .list-group a,
#bloc-3-page-fiche-entite ul {
    color: #617180;
}

#bloc-3-page-fiche-entite a {
    padding: 5px 16px;
    font-size: 26px;
    font-weight: 500;
}

#page-fiche-entite {
    margin-bottom: 100px;
}

#bloc-3-page-fiche-entite .tab-pane {
    padding-top: 0;
    margin-left: 100px;
}

#bloc-3-page-fiche-entite .tab-pane p {
    padding-left: 2rem;
}

#bloc-3-page-fiche-entite .tab-pane p, #bloc-3-page-fiche-entite .tab-pane ul li, #bloc-3-page-fiche-entite .tab-pane ul li a {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    padding: 0;
}

#bloc-3-page-fiche-entite .list-group-item-action {
    text-align: right;
    border-bottom: 1px solid #cba886;
    background-color: transparent;
}

#bloc-3-page-fiche-entite .list-group-item.active {
    background-color: #cba886;
    border-bottom: 1px solid #cba886;
    color: white;
    border-color: #cba886;
}

#bloc-3-page-fiche-entite .tab-content > .active {
    display: block;
    margin-left: 25px;
    padding-top: 0;
}

#bloc-4-page-fiche-entite {
    padding-bottom: 60px;
    border-bottom: 1px solid #617180;
}

#bloc-4-page-fiche-entite ul {
    width: 100%;
}

#bloc-4-page-fiche-entite ul li button.active {
    background: #6632c9;
}

#bloc-4-page-fiche-entite #pills-tabContent {
    padding: 5px;
}

.tox-statusbar__branding {
    display: none;
}

#pills-tabContent table {
    border: none;
}

#pills-tabContent table tr td:first-child {
    border-right: 1px solid;
    padding-right: 25px;
    width: 20%;
    text-align: right;
}

#pills-tabContent table tr td:last-child {
    padding-left: 25px;
}

#bloc-4-page-fiche-entite ul li button:hover {
    text-decoration: underline
}

#bloc-4-page-fiche-entite ul li button {
    background-color: #cba886;
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: 500;
    border: none;
    margin-left: 5px;
    text-align: center;
    padding: 10px 34px;
}

#bloc-4-page-fiche-entite .list-group {
    border-radius: 0;
    margin-bottom: 50px;
}

#bloc-4-page-fiche-entite .list-group :nth-child(n + 2) {
    opacity: 0.7;
}

#bloc-4-page-fiche-entite .table-responsive {
    padding: 12px 0;
}

#bloc-4-page-fiche-entite h2,
#bloc-4-page-fiche-entite .list-group {
    padding-left: 0;
}

.img-blog {
    width: 100%;
    height: 200px;
    background-size: contain;
    margin-bottom: 20px;
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

#bloc-4-page-fiche-entite .color-table {
    color: #617180;
    font-size: 15px;
    line-height: 18px;
    border-color: #617180;
}

#bloc-4-page-fiche-entite th[scope="col"] {
    color: white;
    font-size: 15px;
    line-height: 18px;
    background-color: #909ba6;
}

#bloc-4-page-fiche-entite .primary-color {
    text-decoration: none;
    border-color: #617180;
}

#bloc-5-page-fiche-entite {
    border-bottom: 1px solid #617180;
    padding-bottom: 90px;
}

#bloc-4-page-fiche-entite li > select {
    background: transparent;
    border: none;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

#bloc-5-page-fiche-entite .container {
    text-decoration: none;
    display: inline-block;
    padding: 0;
}

#bloc-5-page-fiche-entite h2 {
    padding: 0;
}

#bloc-5-page-fiche-entite .container a {
    text-decoration: none;
    display: inline-block;
    width: 23.6%;
    vertical-align: top;
    min-height: 345px;
    transition: 0.3s ease-out;
    margin-top: 13px;
    margin-right: 1%;
}

#bloc-5-page-fiche-entite .card-offre {
    width: 100%;
    min-height: 345px;
    padding: 0;
    background-image: url(./../images/bg-adn.png);
    background-repeat: no-repeat;
    background-size: 345px 345px;
    background-position: center;
    transition: 0.4s ease-in-out;
}

#bloc-5-page-fiche-entite .card-offre:hover {
    background-size: 390px 390px;
}

#bloc-5-page-fiche-entite .fa-ul {
    margin-left: 26px;
}

#bloc-5-page-fiche-entite li {
    list-style: none;
}

#bloc-5-page-fiche-entite li .fa-chevron-right {
    display: inline-block;
    padding: 5px;
    font-size: 10px;
    margin-left: 5px;
}

#bloc-5-page-fiche-entite .card-offre p {
    color: white;
    padding: 40px 10px 10px 20px;
    font-size: 16px;
}

#bloc-5-page-fiche-entite .card-offre ul li {
    margin-left: 10px;
    color: white;
    font-size: 16px;
}

#bloc-6-page-fiche-entite {
    border-bottom: 1px solid #617180;
    padding-bottom: 40px;
}

#bloc-6-page-fiche-entite h2 {
    padding: 0;
}

#bloc-6-page-fiche-entite li {
    padding: 0;
    margin-left: 20px;
}

#bloc-7-page-fiche-entite h2 {
    padding: 0;
}

/* FIN DETAIL ENTITE */

/* DEBUT PAGE INTERLOCUTEURS */

#bloc-2-page-equipe,
#bloc-3-page-equipe,
#bloc-4-page-equipe {
    margin-top: 100px;
}

#page-equipe .card {
    width: 100%;
    min-width: 370px;
}

#bloc-2-page-equipe .card-title,
#bloc-3-page-equipe .card-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #617180;
}

#bloc-2-page-equipe .card-body,
#bloc-3-page-equipe .card-body {
    margin: auto 50px auto 50px;
    height: 100%;
}

#bloc-2-page-equipe .text-md-start,
#bloc-3-page-equipe .text-md-start {
    padding-right: 170px;
}

#bloc-2-page-equipe .text-md-end,
#bloc-3-page-equipe .text-md-end {
    padding-left: 170px;
}

#bloc-4-page-equipe {
    margin-bottom: 200px;
}

#bloc-4-page-equipe a {
    margin: auto;
}


/* FIN PAGE INTERLOCUTEURS */