@media screen {
    * {
        box-sizing: border-box;
    }
    html {
        height: 100%;
        padding: 0;
        margin: 0;
    }
    body {
        background-color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        word-wrap: break-word;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        position: relative;
        
        
    }
    a:link {
        text-decoration: none;
        color: #800909;
    }
    a:visited {
        color: #6d0808;
    }
    a:active,
    a:hover {
        color: #ce1414;
    }
    h1 {
        font-size: 30px;
        line-height: 60px;
        
    }
    h2 {
        font-size: 30px;
        line-height: 45px;
    }
    h3 {
        font-size: 25px;
        line-height: 45px;
    }
    h4 {
        font-size: 17px;
    }
    img {
        /* max-width: 100%;
        height: auto; */
    }
    input,
    textarea,
    button,
    .button,
    .resource-list.preview + a,
    select {
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        vertical-align: top;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        height: 45px;
        border: 1px solid #dedede;
        padding: 6.5px 1.69492%;
        margin: 0;
    }
    textarea {
        height: 90px;
    }
    input[type="file"] {
        line-height: 1;
        vertical-align: bottom;
        font-size: 15px;
    }
    button,
    a.button,
    .resource-list.preview + a,
    [type="submit"] {
        background-color: #dedede;
        border-radius: 2px;
        padding: 7.5px;
        display: inline-block;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        cursor: pointer;
    }
    select {
        background-color: #fff;
        padding: 7.5px;
        border-color: #dedede;
        height: 45px;
    }
    ::-webkit-input-placeholder {
        font-style: italic;
    }
    :-moz-placeholder {
        font-style: italic;
    }
    ::-moz-placeholder {
        font-style: italic;
    }
    :-ms-input-placeholder {
        font-style: italic;
    }
    .field {
        margin: 30px 0;
        display: flex;
        flex-wrap: wrap;
    }
    .field .field-meta {
        width: 30%;
        padding: 7.5px 1.69492% 0 0;
    }
    .field .inputs {
        width: 70%;
        padding-left: 1.69492%;
    }
    .field .inputs > select,
    .field .inputs > textarea,
    .field .inputs > input[type="text"],
    .field .inputs > input[type="password"],
    .field .inputs > input[type="email"],
    .field .inputs > input[type="url"] {
        width: 100%;
    }
    .field .inputs input[type="checkbox"] {
        vertical-align: bottom;
    }
    .field.required .field-meta:after {
        content: "\f069";
        font-family: "Font Awesome 5 Free";
        font-size: 15px;
    }
    .field .value:not(:last-child) {
        margin-bottom: 15px;
    }
    .field-description {
        font-size: 15px;
    }
    #skipnav {
        position: fixed;
        top: 30px;
        left: 50%;
        border: 1px solid #ababab;
        transform: translateX(-50%);
        z-index: -5;
        padding: 7.5px;
        background-color: #fff;
        opacity: 0;
    }
    #skipnav:focus {
        z-index: 1000;
        opacity: 1;
    }

    header{
        display: inline-flex;
        flex-direction: row;
        
    }
    header h1 {
        margin: 0;
    }
    header nav {
        background: rgb(255, 255, 255);
        
        position: relative;
        padding: 0;
    }
    header nav.closed ul {
        height: 0;
        overflow: hidden;
        margin: 0;
    }

           
    header nav:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        display: block;
        width: 37.5px;
        height: 37.5px;
        
        text-align: center;
        border-radius: 2px;
        position: absolute;
        right: 1.69492%;
        top: -48.75px;
        cursor: pointer;
        line-height: 37.5px;
    }
    header nav.open {
        margin: 15px 0 -1px;
    }
    header nav.open:before {
        content: "\f00d";
    }
    header nav ul {
        padding-left: 0;
        list-style: none;
        position: relative;
        margin-top: 50px;
    }
    header nav ul a {
        display: inline-block;
        width: 100%;
        padding: 7.5px;
    }
    header nav ul a:hover {
        border-bottom: 0;
        background-color: #dedede;
    }
    header nav ul li {
        border-top: 1px solid #dedede;
        position: relative;
    }
    header nav ul li li:last-of-type {
        padding-bottom: 0;
    }
    header nav ul li.active {
        font-weight: bold;
    }
    header nav ul li.parent {
        position: relative;
    }
    header nav ul .parent-link {
        display: flex;
    }
    header nav ul .parent-link > a {
        width: calc(100% - 60px);
    }
    header nav ul .child-toggle {
        color: #dedede;
        width: 60px;
        text-align: center;
        background-color: #fff;
        border-left: 1px solid #dedede;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    header nav ul .child-toggle:before {
        font-family: "Font Awesome 5 Free";
        content: "\f105";
    }
    header nav > ul > li:last-child {
        
        padding-bottom: -1px;
    }
    header nav > ul ul li {
        height: 0;
        overflow: hidden;
        border: 0;
    }
    header nav ul.open > li {
        height: auto;
        font-size: 17px;
        padding-top: -1px;
    }
    header nav > ul > li > ul > li.active > a {
        margin-left: -1.5em;
    }
    header nav > ul > li > ul > li.active > a:before {
        content: ">";
        display: inline-block;
        width: 1.5em;
    }
    header nav > ul > li > ul > li a {
        padding-left: 30px;
    }
    header nav > ul > li > ul > li > ul > li a {
        padding-left: 60px;
    }
    header nav > ul > li > ul > li > ul > li > ul > li a {
        padding-left: 90px;
    }
    .sub-menu ul {
        padding-left: 0;
        list-style-type: none;
        margin-top: 15px;
    }
    .sub-menu li {
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #dedede;
        padding: 7.5px 0 6.5px;
    }
    .sub-menu li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 6.5px;
    }
    nav.pagination {
        margin-bottom: 30px;
        font-size: 10px;
        line-height: 45px;
    }
    .pagination input {
        text-align: center;
    }
    .resource-list + .pagination {
        border-color: transparent;
    }
    .pagination form {
        min-width: 90px;
    }
    .pagination form,
    .pagination .button,
    .pagination .resource-list.preview + a,
    .pagination button,
    .pagination .page-count {
        display: inline-block;
        vertical-align: top;
        height: 45px;
    }
    .pagination .button,
    .pagination .resource-list.preview + a {
        border: 1px solid #dedede;
        background-color: #dedede;
        width: 45px;
        text-align: center;
        padding: 7.5px;
        border-radius: 2px;
        color: #000;
        line-height: 30px;
    }
    .pagination .inactive.button,
    .pagination .resource-list.preview + a.inactive {
        opacity: 0.5;
        color: #ababab;
        background-color: white;
    }
    .pagination form,
    .pagination .last {
        margin-right: 7.5px;
    }
    .pagination input {
        width: 60px;
    }
    .breadcrumbs {
        font-size: 15px;
        margin: 30px 0 -15px;
    }
    .site-title h1 {
        font-size: 25px;
        line-height: 30px;
        padding-right: 30px;
        
    }
    header {
        
        background-color: #fff;
        max-width: 1300px;
        width: 100%;
        margin: auto;
    }
    header > * {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.69492%;
        display: block;
    }
    .site-title:hover,
    .site-title:active {
        border-bottom: 0;
    }
    .site-title h1 {
        margin: 0;
    }
    button.o-icon-search {
        display: none;
    }


    .navbar{

        position: absolute;
        top:0%;
        
        
    }

    
        

    .rech-a {
        width: 230px;
        color: white;
        position: relative;
        border-radius: 6px;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, -50%);
        transition: all 0.2s;
        padding: 1px;
    }

    .rech-a:hover{
        background: white;
        color: #920b0b;
        font-weight: bold;
    }

    #search {
        width: 100%;
        max-width: 1300px;
        height: 150px;
        margin: auto;
        background-color: #920b0b;
        position: relative;
        text-align: center;
    }
    
    #search form input[type="text"] {
        content: "test";
        width: 300px;
    }
    #search form button[type="submit"] {
        height: 80px;
        width: 80px;
        text-indent: -9999px;
        position: relative;
        border-radius: 3px;
        background: #920b0b;
        border: 3px solid white;
    }
    #search form button[type="submit"]:before {
        
        content: "RECHERCHER";
        
        font-size: 30px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        text-indent: 0;
        line-height: 45px;
    }

    @media (max-width: 1052px) {
        #search form button[type="submit"]:before {
        
            content: "Rechercher";
            
            font-size: 30px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            text-align: center;
            text-indent: 0;
            line-height: 45px;
        }
    }
    
    .foot{
        
        margin-top: 40px;
        
        font-size: 16px;
        color: rgb(255, 255, 255);
        text-align: center;
    }
    footer {
        width: 100%;
        max-width: 1300px;
        
       
        
        clear: both;
        
        
        position: relative;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%);
        
    }
    .grey-footer{
        display: inline-block;
        position: relative;
        border: 3px solid #800909;
        border-radius:10px 10px 0 0 ;
        width: 100%;
        
        
    }
    .grey-footer img{
        display: inline;
        max-height: 110px;
        width: auto;
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 25px;
    }

    .menu-footer{
        position: absolute;
        left:50%;
        top: 40%;
        transform: translate(-50%,-50%);
    }
   
    }
    /* .credo{
        height: 80px;
        width: auto;
        position: absolute;
        left: 0%;
        top:3%;
    }

    .collex{
        height: 80px;
        width: auto;
        position: absolute;
        left: 1%;
        top: 55%;

    }
    .cnrs{
        height: 70px;
        width: auto;
        position: absolute;
        left: 94%;
        top: 3%;

    }
    .irasia{
        height: 50px;
        width: auto;
        position: absolute;
        left: 93%;
        top: 40%;

    }
    .ehess{
        height: 60px;
        width: auto;
        position: absolute;
        left: 94%;
        top: 65%;

    } */

    .red-footer{
        height: 100px;
        position: relative;
        margin: auto;
        text-align: center;
        background: #920b0b;
        
    }

    .btn-footer{
        display: inline;
        margin: 5px;
        color: white;
        font-size: 14px;
    }
    @media (max-width: 1222px) {
        
    
        .btn-footer{
            display: inline;
            margin: 5px;
            color: white;
            font-size: 12px;
        }
        }

     @media (max-width: 1222px) {
        
    
            .btn-footer{
                display: inline;
                margin: 5px;
                color: white;
                font-size: 9px;
            }
            }       

    .btn-footer:hover{
        text-decoration: underline;
    }

    .copyright{
        width: 100%;
        position: absolute;
        left: 50%;
        top:100%;
        transform: translate(-50%, -50%);

        margin-top: 15px;
        color: white;
        font-size: 9px;
    }
    
    #contact-us #submit{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #content {
        width:100%;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 30px;
        position: relative;
        
    }

    
    .resource-list.preview + a {
        color: #000;
    }
    .resource-list.preview + a:hover {
        background-color: #787878;
        border-bottom-width: 0px;
        color: #fff;
    }
    ul.resource-list {
        list-style-type:none;
        padding-left: 0;
        margin-left: 50px;
        margin-right: 50px;

    }
    ul.resource-list .resource {
        padding-bottom: 15px;
        margin: 30px;
        overflow: hidden;
        position: relative;
        border-radius: 10px 10px 0 0;
    }
    ul.resource-list .resource > *:last-child {
        margin-bottom: 0;
		font-size: 15px;
    }
    ul.resource-list .resource:first-child {
        
        /* padding-top: 29px; */
    }
    ul.resource-list .resource img {
        height: auto;
        width: 60px;
        float: right;
        margin-left: 15px;
    }
    ul.resource-list .resource h4 {
        margin-top: 0;
    }
    ul.resource-list .resource .description {
        max-height: 90px;
        overflow: hidden;
        position: relative;
    }
    ul.resource-list .resource .description:after {
        content: "";
        position: absolute;
        top: 52.5px;
        left: 0;
        right: 0;
        height: 37.5px;
        background: linear-gradient(to top, #f8f8f8, rgba(248, 248, 248, 0));
    }
    ul.resource-list .resource img ~ * {
        width: calc(100% - 75px);
    }
    .search-filters {
        margin-bottom: 30px;
    }
    .filter-label,
    .filter-value {
        display: inline-block;
        border: 1px solid #dedede;
        padding: 6.5px;
    }
    .filter-label {
        background-color: #dedede;
    }
    .filter-value {
        margin-left: -5px;
    }
    .browse-controls {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .advanced-search {
        line-height: 45px;
        
    }
    body.resource #content > h2:first-of-type + h3 {
        font-size: 15px;
        text-transform: uppercase;
        margin: -30px 0 30px;
    }
    .property {
        margin-bottom: 10px;
    }
    .property h4 {
        margin-bottom: 10px;
        font-size: 15px;
        
    }
    .resource-link img {
        width: auto;
        height: 45px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7.5px;
    }
    .property .value a {
        display: inline-block;
        vertical-align: bottom;
    }
    .property .value:not(:last-child) img {
        margin-bottom: 7.5px;
    }
    .property .value:not(:last-child) img + a {
        margin-bottom: 7.5px;
    }
    .property .value .language {
        background-color: #d1d1d1;
        padding: 3.75px;
        font-size: 10px;
    }
    .property .private:after {
        content: "\f070";
        font-family: "Font Awesome 5 Free";
        font-size: 15px;
    }
    #content .media.resource {
        display: inline-block;
        text-align: center;
        vertical-align: bottom;
        margin-right: 7.5px;
    }
    #content .media.resource:hover {
        border-bottom: 0;
    }
    #content .media.resource img {
        vertical-align: top;
        margin-bottom: 15px;
    }
    .media-render > * {
        max-width: 100%;
    }
    #linked-resources caption {
        text-align: left;
        font-weight: bold;
        border-bottom: 3px solid #ababab;
        padding: 7.5px 15px 4.5px;
    }
    #linked-filter h4 {
        margin-bottom: 15px;
    }
    #linked-resources .resource-link {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
    #advanced-search .value:not(:last-child) {
        margin-bottom: 15px;
    }
    .remove-value {
        text-indent: -9999px;
        position: relative;
        width: 45px;
        margin-left: 7.5px;
    }
    .remove-value:before {
        text-indent: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        line-height: 45px;
    }
    .results {
        margin-bottom: 60px;
        clear: both;
    }
    .results ul {
        list-style: none;
        padding-left: 0;
    }
    .results .result-title {
        font-weight: bold;
    }
    .results > ul {
        margin: -15px 0 0 0;
    }
    .results .result-site,
    .results ul ul {
        display: block;
        padding-left: 15px;
    }
    .results > ul > li {
        margin-bottom: 30px;
    }
    .pagination + .results {
        margin: 30px 0 0;
        clear: both;
    }
    .sitewide-search-form {
        display: none;
    }
    .sitewide-search-form ~ .results + .pagination {
        margin-top: 0;
    }
    .sitewide-search-form ~ .advanced-search {
        display: block;
    }
    .sitewide-search-form ~ h2 {
        width: 50%;
        float: left;
    }
    .sitewide-search-form ~ .pagination {
        margin: 37.5px 0 30px;
        text-align: right;
        width: 50%;
        float: right;
    }
    .sitewide-search-form ~ p {
        clear: both;
    }
    .index.search .results ul li {
        margin-bottom: 7.5px;
        padding-bottom: 7.5px;
        border-bottom: 1px solid #ababab;
    }
    a.metadata-browse-link {
        font-size: 15px;
    }

@media screen and (min-width: 800px) {
    #content {
      padding-left: 0%;  
    }
    table {
        margin: 30px 0;
        border-collapse: collapse;
    }
    th,
    td {
        text-align: left;
        padding: 7.5px 15px;
        padding-bottom: 6.5px;
        border-bottom: 1px solid #ababab;
    }
    header {
        position: relative;
        padding: 15px 0 0;
        
    }
    header > * {
        padding: 0 3.38983%;
        
    }
    header > h1 {
        margin: 7.5px auto;
    }
    footer {
        /* padding: 0 3.38983% 30px; */
    }
    header nav {
        margin: 0 auto !important;
        position: static;
        padding: 0 3.38983%;
    }
    header nav:before {
        content: "";
        border: 0;
        display: none;
    }
    header nav ul a {
        padding: 0;
    }
    header nav ul li {
        position: static;
    }
    header nav.closed ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 12px;
        font-weight: bolder;
        color: white;
    }
    header nav.open ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 12px;
        font-weight: bolder;
        color: white;
    }
    @media (max-width: 1200px){
        header nav.closed ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 9px;
        font-weight: bolder;
        color: white;
    }
    header nav.open ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 9px;
        font-weight: bolder;
        color: white;
    }
    }
    @media (max-width: 945px){
        header nav.closed ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 7px;
        font-weight: bolder;
        color: white;
    }
    header nav.open ul,
    header nav ul ul li {
        height: auto;
        max-width: 100vw;
        overflow: visible;
        font-size: 7px;
        font-weight: bolder;
        color: white;
    }
    }
    header nav ul a:hover {
        background-color: transparent;
    }
    header nav ul li,
    header nav > ul li:last-child,
    header nav > ul ul:hover > li {
        border: 0;
    }
    header nav ul.navigation {
        margin-top: 35px;
        margin-left: -7.5px;
        position: static;
        display: flex;
        align-items: flex-end;
    }
    header nav ul.navigation li ul:before {
        display: none;
    }
    header nav ul.navigation > li:not(:last-child) {
        margin-right: 15px;
    }
    header nav ul.navigation > li > ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        background-color: #fff;
        padding: 0;
        list-style: none;
        width: 100%;
        padding: 14px 0 6.5px;
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        z-index: 1;
    }
    header nav ul.navigation > li:hover > ul {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 3.38983%;
        left: 0;
        right: 0;
        border-bottom: 0;
        border-color: #dedede;
    }
    header nav ul.navigation > li:hover > ul:after {
        content: "";
        left: -9999px;
        right: -9999px;
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        
        z-index: -1;
    }
    header nav ul.navigation > li > ul > li {
        width: 25%;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 30px;
    }
    header nav ul.navigation > li > ul > li ul {
        font-weight: normal;
        padding: 0;
        list-style-type: none;
        height: auto;
    }
    header nav ul.navigation li.parent {
        position: static;
    }
    header nav > ul > li > a {
        margin: 7.5px;
    }
    header nav > ul > li > .parent-link {
        display: inline-block;
        width: 100%;
    }
    header nav > ul > li > .parent-link > a {
        margin: 7.5px;
        width: 100%;
    }
    header nav > ul > li > .parent-link a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        display: inline-block;
        margin-left: 7.5px;
    }
    header nav > ul li:hover ul li {
        height: auto;
        padding: 0;
    }
    .child-toggle {
        display: none;
    }
    header .parent ul a {
        padding-left: 0;
    }
    header .parent .parent .parent ul a {
        padding-left: 15px;
    }
    .sub-menu ul {
        border-bottom: 1px solid #dedede;
        padding-bottom: 14px;
    }
    .sub-menu li {
        display: inline-block;
        border: 0;
        padding: 0;
        margin-right: 15px;
    }
    .sub-menu li:first-of-type {
        border: 0;
        padding: 0;
    }
    
    #search form input[type="text"],
    #search form button[type="submit"] {
        height: 36px;
        font-size: 18px;
        line-height: 30px;
        
    }
    #search form button[type="submit"] {
        
        width: 220px;
        height: 36px;
        color: white;
        transition: all 0.25s;
        
        
        
    }

    #search form button:hover{
        color: #920b0b;
        background: white;
        font-weight: bolder;
    }

    #search-form {
        position: relative;
        
        margin-top: 45px;

    }
    #search form button[type="submit"]:before {
        line-height: 30px;
    }
    ul.resource-list .resource img {
        width: 120px;
        height: auto;
        float: right;
        margin-left: 15px;
    }
    ul.resource-list .resource img ~ * {
        width: calc(100% - 135px);
    }
    body.item-set.item #content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-end;
    }
    body.item-set.item #content > h2,
    body.item-set.item #content > h3 {
        width: 100%;
    }
    body.item-set .metadata {
        width: 32.20339%;
        border-left: 5px solid #dedede;
        padding-left: 1.69492%;
        margin-right: 1.69492%;
    }
    body.item-set .metadata h4:first-of-type {
        margin-top: 0;
    }
    body.item-set #content .metadata ~ * {
        width: 66.10169%;
        border-left: 1px solid #dedede;
        padding-left: 1.69492%;
    }
    body.item-set .item-set-items h3 {
        margin-top: 0;
    }
    body.item-set .metadata ~ nav.pagination:first-of-type {
        margin-bottom: 0;
    }
    .results > ul {
        display: flex;
        flex-wrap: wrap;
    }
    .results > ul > li {
        width: calc(50% - 30px);
    }
    .results > ul > li:nth-child(2n) {
        margin-left: 30px;
    }
    .preview-block {
        clear: both;
    }
    ul.preview.resource-list li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 29px;
    }
}


.universal-viewer {
	padding-top:20px;
	padding-right:20px;
    width: 40%;
    position: absolute;
    left: 75%;
    top: 45%;
    transform: translate(-50%, -50%);
}
        

.top-properties{
		max-width:1200px;
		width: 95%;
    	width: 130vw;
}
.properties{
    font-size:14px;
    font-weight: 500;
    width:auto;
    position:relative;
    padding:20px;
    margin:30px;
    line-height: 20px;
    max-height: 660px;
    border: 3px solid #800909;
    border-radius: 10px 0 0 10px;
    overflow-y: scroll;
    }
	
	.property .values {
		width:50%;
	}

#search-resource-classes{
    margin-bottom: 5px;
}

#cookie-bar{
    font-family: 'Times New Roman', Times, serif;
}

#search form button[type="submit"]:before {
        
            content: "Rechercher";
            
            font-size: 20px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            text-align: center;
            text-indent: 0;
            line-height: 28px;
        }
#search form button[type="submit"] {
               height: 35px;
               width: 140px;
               text-indent: -9999px;
               position: relative;
               border-radius: 3px;
               background: #920b0b;
               border: 3px solid white;
           }
#search form button:hover{
        color: #920b0b;
        background: white;
        font-weight: bolder;
    }

body{
font-family: 'Spartan', sans-serif;
}

h1{
font-family: 'Spartan', sans-serif;
}

.foot{
position:relative;
}
@media (max-width:  799px ){  
        #search-form{
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

#search form input[type="text"] {
        content: "test";
        width: 150px;
    }
        #search form button[type="submit"] {
               height: 40px;
               width: 80px;
               text-indent: -9999px;
               position: relative;
               border-radius: 3px;
               background: #920b0b;
               border: 3px solid white;
           }
       #search form button[type="submit"]:before {
               
               content: "GO !";
               color: white;
               font-size: 20px;
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%,-50%);
               text-align: center;
               text-indent: 0;
               line-height: 45px;
           }
        
       }

@media (max-width: 1052px){
        #search form button[type="submit"] {
        height: 40px;
        width: 80px;
        text-indent: -9999px;
        position: relative;
        border-radius: 3px;
        background: #920b0b;
        border: 3px solid white;
    }
 #search form button[type="submit"]:before {
        
               content: "GO";
               font-size: 20px;
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%,-50%);
               text-align: center;
               text-indent: 0;
               line-height: 45px;
           }
        
    }
    


#content  h1{
text-align: center;
width: 100%;

}
#content h2 {
        margin-top: 40px; 
        text-align: center;
        width: 100%;
        max-width: 1700px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
#content{
padding-right:0;
}

 a:link {
        text-decoration: none;
        color: #800909;
    }
    a:visited {
        color: #6d0808;
    }
    a:active,
    a:hover {
        color: #ce1414;
    }


.titre-map{
max-width:100vw;
 min-height:100px;
margin:auto;
position:relative;
background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/title-background.png);
background-size: 100%;
background-position-y: 50%;
}

.titre-map-p{
max-width:100vw;
  min-height:100px;
 margin:auto;
position:relative;
background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/title-background.png);
background-size: 100%;
background-position-y: 50%;
}

.titre-map-p h1{
width:100%;
min-height:100px;
text-align: left;
margin: 0;
padding:15px;
background: rgba(255, 255, 255, 0.355);
}

.txtpres{
text-align: justify;
max-width:800px;
margin-left:200px;
margin-right:200px;


}
.container{
    position: relative;
    height: 75vh;
    width: 100vw;
}

.block1{
    position: absolute;
    height: 300px;
    width: 800px;
    left: 48%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    text-align:left;
    
}
.block2{
    position: absolute;
    height: 200px;
    width: 800px;
    left: 48%;
    top: 25%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    text-align:left;
    
}
.block3{
    position: absolute;
    height: 200px;
    width: 800px;
    left: 48%;
    top: 57%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    text-align:left;
    
}

.asie{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://diapogram.com/upload/2018/04/11/20180411153414-1962384c.jpg);


    background-size: 150%;
    background-position-x: right;
    transition: all 0.5s ease-out;
}

.asie:hover{
    background-size: 180%;
}

.asiebtn:hover .txtbtn{
    background: #ffffff;
    
}

.asiebtn{
    background: rgba(0, 0, 0, 0.438);
    height: 100%;
    width: 100%;
    position: relative;
    
}

.pacifiquebtn{
    background: rgba(0, 0, 0, 0.438);
    height: 100%;
    width: 100%; 
    position: relative;
}

.pacifique{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://diapogram.com/upload/2018/04/12/20180412142554-0c824982.jpg);


    background-size: 150%;
    background-position-x: left;
    transition: all 0.5s ease-out;
}

.pacifique:hover{
    background-size: 180%;
}

.pacifiquebtn:hover .txtbtn{
    background: #ffffff;
    
}

.txtbtn{
    position: absolute;
    color: white;
    background: white;
    border: 3px solid white;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 3px;
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s;
}

.txtbtnbis{
    text-align: center;
}

.birmanie{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://diapogram.com/upload/2018/04/11/20180411153357-0a097335.jpg);


    background-size: 150%;
    background-position-x: left;
    transition: all 0.5s ease-out;
}

.birmanie:hover{
    background-size: 180%;
}

.borneo{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://diapogram.com/upload/2019/04/17/20190417163000-aa7c6bfc.jpg);


    background-size: 150%;
    background-position-x: right;
    transition: all 0.5s ease-out;
}

.borneo:hover{
    background-size: 180%;
}

.cambodge{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://www.bouger-voyager.com/wp-content/uploads/2014/06/cambodia-angkor-wat1.jpg);


    background-size: 150%;
    background-position-x: right;
    transition: all 0.5s ease-out;
}

.cambodge:hover{
    background-size: 180%;
}

.chine{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://lh3.googleusercontent.com/proxy/nW-2cSBi4l7QEnY539eBtxTQY6UJKLuu-rx560ejYkFHo5soW6b6WaMVGmEgAQU--jhuHLxrb3psN0KYa9cWE-jQMLsEJIdlIPMUY9vqYb6bZ1YgjExCQ4k);


    background-size: 150%;
    background-position-x: left;
    transition: all 0.5s ease-out;
}

.chine:hover{
    background-size: 180%;
}

.coree{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://photo.comptoir.fr/asset/guide/4646/631935-1260x630-garde-royale-devant-le-palais-deoksugung-seoul-coree-du-sud.jpg);


    background-size: 150%;
    background-position-x: right;
    transition: all 0.5s ease-out;
}

.coree:hover{
    background-size: 180%;
}

.haute-asie{
    
    height: 100%;
    width: 50%;
    display: inline;
    background-image: url(https://www.rts.ch/2021/05/18/10/14/12207796.image/16x9/scale/width/624);


    background-size: 150%;
    background-position-x: left;
    transition: all 0.5s ease-out;
}

.haute-asie:hover{
    background-size: 180%;
}

.rech-a{
        color: white;
        position: absolute;
        left: 50%;
        bottom: -10%;
        transform: translate(-50%, -50%);
        font-size: 16px
        
    }



#search a:visited {
        color: #0b0d92;
    }

@keyframes tonext {
    75% {
      left: 0;
    }
    95% {
      left: 100%;
    }
    98% {
      left: 100%;
    }
    99% {
      left: 0;
    }
  }
  
  @keyframes tostart {
    75% {
      left: 0;
    }
    95% {
      left: -300%;
    }
    98% {
      left: -300%;
    }
    99% {
      left: 0;
    }
  }
  
  @keyframes snap {
    96% {
      scroll-snap-align: center;
    }
    97% {
      scroll-snap-align: none;
    }
    99% {
      scroll-snap-align: none;
    }
    100% {
      scroll-snap-align: center;
    }
  }
  
  
 .carou {
      background:white ;
      position: relative;
      height: 400px;
      scrollbar-color: transparent transparent; /* thumb and track color */
      scrollbar-width: 0px;
      }
 .carou2 {
      background:white ;
      position: relative;
      height: 400px;
      scrollbar-color: transparent transparent; /* thumb and track color */
      scrollbar-width: 0px;
      }
  
  * {
    box-sizing: border-box;
    scrollbar-color: transparent transparent; /* thumb and track color */
    scrollbar-width: 0px;
  }
  

  
  ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .carousel {
    position: absolute;
    height: 350px;
    width: 80%;
    perspective: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    scrollbar-color: transparent transparent; /* thumb and track color */
      scrollbar-width: 0px;
  }
  
  .carousel__viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
  }
  
  .carousel__slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    background-color:#920b0b;
    
  }
  
  .carousel__slide:nth-child(even) {
    background-color:#920b0b;
  }
  
  .carousel__slide:before {
    background-color:#920b0b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-40%,70px);
    color: rgb(255, 255, 255);
    font-size: 2em;
  }
  
  .carousel__snapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
   
  }
  
  @media (hover: hover) {
    .carousel__snapper {
      animation-name: tonext, snap;
      animation-timing-function: ease;
      animation-duration: 4s;
      animation-iteration-count: infinite;
    }
  
    .carousel__slide:last-child .carousel__snapper {
      animation-name: tostart, snap;
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel__snapper {
      animation-name: none;
    }
  }
  
  .carousel:hover .carousel__snapper,
  .carousel:focus-within .carousel__snapper {
    animation-name: none;
  }
  
  .carousel__navigation {
    position: absolute;
    left: 50%;
    top: 100%;

    transform: translate(-50%, -50%);
    
    text-align: center;
  }
  
  
  .carousel__navigation-list,
  .carousel__navigation-item {
    display: inline-block;
  }
  
  .carousel__navigation-button {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(255, 255, 255);
    background-clip: content-box;
    border: 0.25rem solid transparent;
    border-radius: 50%;
    font-size: 0;
    transition: transform 0.1s;
  }
  
  .carousel::before,
  .carousel::after,
  .carousel__prev,
  .carousel__next {
    position: absolute;
    top: 50%;
    width: 4rem;
    height: 4rem;
    transform: translateY(-50%);
    border-radius: 50%;
    font-size: 0;
    outline: 0;
  }
  
  .carousel::before,
  .carousel__prev {
    left: -1rem;
  }
  
  .carousel::after,
  .carousel__next {
    right: -1rem;
  }
  
  .carousel::before,
  .carousel::after {
    content: '';
    z-index: 1;
    background-color: rgb(112, 112, 112);
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    pointer-events: none;
  }
  
  .carousel::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");
  }
  
  .carousel::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");
  }

  .back1{
    clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 48% 100%);
    background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/carousel/back1.png );
    background-size: 100%;
    background-position-x: left;
    height: 100%;
    width: auto;
  }
  .back2{
    clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 48% 100%);
    background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/carousel/back2.png );
    background-size: 100%;
    background-position-x: right;
    height: 100%;
    width: auto;
  }
  .back3{
    clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 48% 100%);
    background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/carousel/back3.png );
    background-size: 100%;
    background-position-x: left;
    height: 100%;
    width: auto;
  }

 .titre-carou{
      color:white;
      position: absolute;
      font-size: 20px;
      margin-bottom: 2px;
      text-align: center;
      margin-right: 380px;
      margin-left: 120px;
      margin-top: 12px;
      font-weight: bold;
  }
.titre-carou2{
      color:white;
     position: absolute;
      font-size: 20px;
      margin-bottom: 2px;
      text-align: center;
      margin-right: 380px;
      margin-left: 85px;
      margin-top: 9px;
      font-weight: bold;
  }


  .paragraphe1{
      position: absolute;
      text-align: justify;
    margin-top:55px;
      margin-right: 410px;
      margin-left: 55px;
      color:white;
    margin-top: 50px;
    font-size: 15px;
    text-align: left;
      
  }
.paragraphe2{
    position: absolute;
    text-align: center;
    margin-right: 410px;
    margin-left: 55px;
    color:white;
  margin-top: 125px;
  font-size: 15px;
  text-align: left;
    
}

.btn-carou{
    position: absolute;
    background:white;
    border-radius: 3px;
    height: 40px;
    width: 140px;
    top: 85%;
    left: 19%;
    color: #920b0b;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    z-index:2000;
}

@media (max-width: 880px){
 .titre-carou{
      position: absolute;
      font-size: 12px;
      margin-bottom: 2px;
      text-align: center;
      margin-right: 350px;
      margin-left: 120px;
      margin-top: 3px;
      font-weight: bold;
  }
.titre-carou2{
     position: absolute;
      font-size: 12px;
      margin-bottom: 2px;
      text-align: center;
      margin-right: 300px;
      margin-left: 85px;
      margin-top: 9px;
      font-weight: bold;
  }


  .paragraphe1{
      position: absolute;
      text-align: center;
      margin-right: 300px;
      margin-left: 55px;
      color: white;
    margin-top: 50px;
    font-size: 9px;
    text-align: left;
      
  }
.paragraphe2{
    position: absolute;
    text-align: center;
    margin-right: 300px;
    margin-left: 55px;
    color: white;
  margin-top: 125px;
  font-size: 9px;
  text-align: left;
    
}

.btn-carou{
    position: absolute;
    background:white;
    border-radius: 3px;
    height: 30px;
    width: 100px;
    top: 80%;
    left: 19%;
    color: #920b0b;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    z-index:2000;
}


 
  

.page{
margin: 0;
}

.titre-na{
        position: relative;
         font-size: 20px;
        color: #920b0b;
        font-weight: bold;
        text-align: center;
        left: 50%;
        bottom: 2%;
        transform: translate(-50%, -50%);
        margin-top:30px;
        }


.fond{
  position: absolute;
  height: 350px;
  width: 800px;
  background: #920b0b;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.back-asie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/back-asie.png );
  background-size: 100%;
  background-position-x: left;
  height: 350px;
  width: 800px;
}

.back-oceanie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(https://bibnum.maison-asie-pacifique.fr/themes/theme-map/asset/img/back-oceanie.png);
  background-size: 100%;
  background-position-x: left;
  height: 350px;
  width: 800px;
}

.btn-fond{
  position: absolute;
    background:white;
    border-radius: 3px;
    height: 60px;
    width: 180px;
    top: 50%;
    left: 67%;
    transform: translate(0,-50%);
    color: #920b0b;
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    padding-top: 17px;
}


@media (max-width: 855px){
.carou {
      background:#9e2325 ;
      position: relative;
      height: 350px;
      }

.fond{
  position: absolute;
  height: 262.5px;
  width: 600px;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.back-asie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(http://www.mademoiselle-voyage.fr/wp-content/uploads/2015/05/myanmar-loikaw-femmes-girafes-karen-mademoiselle-voyage-12.jpg );
  background-size: 100%;
  background-position-x: left;
  height: 262.5px;
  width: 600px;
}

.back-oceanie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(https://www.beautifulworld.com/wp-content/uploads/2018/03/Vanuatu-e1520492532443.jpg );
  background-size: 100%;
  background-position-x: left;
  height: 262.5px;
  width: 600px;
}


@media (max-width: 655px){
.carou {
      background:#9e2325 ;
      position: relative;
      height: 225px;
      }

.fond{
  position: absolute;
  height: 175px;
  width: 400px;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.back-asie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(http://www.mademoiselle-voyage.fr/wp-content/uploads/2015/05/myanmar-loikaw-femmes-girafes-karen-mademoiselle-voyage-12.jpg );
  background-size: 100%;
  background-position-x: left;
  height: 175px;
  width: 400px;
}

.back-oceanie{
  clip-path: polygon(0 0, 62% 0, 47% 100%, 0% 100%);
  background-image: url(https://www.beautifulworld.com/wp-content/uploads/2018/03/Vanuatu-e1520492532443.jpg );
  background-size: 100%;
  background-position-x: left;
  height: 175px;
  width: 400px;
}


header nav:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c9";
    display: none;
    width: 37.5px;
    height: 37.5px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    right: 1.69492%;
    top: 50.75px;
    cursor: pointer;
    line-height: 37.5px;
}

@media (max-width: 800px){
header nav:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c9";
    display: block;
    width: 37.5px;
    height: 37.5px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    right: 1.69492%;
    top: 50.75px;
    cursor: pointer;
    line-height: 37.5px;
}
header nav.open:before {
font-family: "Font Awesome 5 Free";
    content: "\f00d";
display: none;
    width: 37.5px;
    height: 37.5px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    right: 0.69492%;
    top: 50.75px;
    cursor: pointer;
    line-height: 37.5px;
}


*{
 scrollbar-color: transparent transparent; /* thumb and track color */
      scrollbar-width: 0px;
}

/* !!!recherche avancée!!! */
.field{
background-color: white;
color:#920b0b;
padding:10px;
margin:0px;
font-weight: bold;
}
#resource-class{
padding:20px
}
#page-actions{
padding:20px;
text-align:center;
color:white;
}

#page-actions > input{
color:#920b0b;
border: 3px solid #920b0b;
border-radius:10px;
background: white;
font-weight: bold;
}
.add-value {
background: #920b0b;
color:white;
}
.o-icon-delete{
background: #920b0b;
color:white;
}

.advanced-search{
display:none;
}


ul.resource-list {
        list-style-type:none;
        padding-left: 0;
        margin-left: 50px;
        margin-right: 50px;

    }
body.item-set .metadata {
        width: 32.20339%;
        border-left: 5px solid #dedede;
        padding-left: 1.69492%;
        margin-right: 1.69492%;
        display:none;
    }


body.item-set #content .metadata ~ * {
    width: 100%;
    margin-left: 15px;
    padding-left: 1.69492%;
}

.uv {
    width: 50%;
    position: relative;
}

element.style {
    width: 520px;
    height: 600px;
}

body.resource #content > h2:first-of-type + h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: -30px 0 30px;
    display:none;
}
body.item-set #content .metadata ~ * {
    width: 100%;
    margin-left: 15px;
    margin-right:15px;
    padding-left: 1.69492%;
border:none;
}

button, a.button, .resource-list.preview + a, [type="submit"] {
    background-color: #920b0b;
    color:white;
    border-radius: 2px;
    padding: 7.5px;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
     
}


.pagination .button, .pagination .resource-list.preview + a {
    color:white;
    background-color:#920b0b;
    width: 45px;
    text-align: center;
    padding: 7.5px;
    border-radius: 2px;
    color: #000;
    line-height: 30px;
}

.fa, [class*="o-icon-"]:before, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color:white;
}
.pagination .inactive.button, .pagination .resource-list.preview + a.inactive {
    opacity: 0.5;
    color: #ababab;
    background-color: #920b0b;
}

.field-term{display:none;}

.browse-controls {
        flex-direction: row;
    }
    .browse-controls > * {
        margin: 6px 0;
    }
    .browse-controls .pagination {
        order: 1;
    }
    .browse-controls .sorting {
        order: 2;
    }
    .browse .records {
        padding: 24px 0;
    }
    .browse .grid.resource-list {
        justify-content: flex-start;
        margin: 0 -12px;
    }
    .browse .grid .resource {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        margin-bottom: 24px;
        align-content: flex-start;
    }
    .browse .grid .resource .thumbnail {
        width: 100%;
        height:145px;
        margin: 0 ;

    }
    .browse .list .resource {
        display: block;
        overflow: hidden;
    }
    .browse .list .resource .resource-meta:not(:only-child) {
        width: 100%;
    }
    .browse .list .resource .thumbnail {
        width: 100%;
        margin: 0 0 12px 0;
        display: block;
    }
    .browse .resource-list h4 {
        margin-top: 0;
    }
h4 {
margin:0px;
}
    .property h4,
    .property .values,
    #linked-filter,
    #linked-resources .pagination,
    #linked-resources > h4,
    #linked-resources .linked-resource {
        width: 50%;
        text-align: justify;
    }

 .property {

width:100%;
}
    .linked-header,
    .linked-footer {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    #linked-filter {
        margin-bottom: 24px;
    }
    #linked-resources .resource-class {
        flex: 1;
        text-align: center;
    }
    #linked-resources .resource-link {
        flex: 2;
    }
    #search-filters ul li {
        font-size: 15.75px;
        margin: 0 3px 12px;
    }
    #search-results {
        margin-top: 12px;
    }
    .index.search .results ul {
        columns: 1;
    }

.resource-list.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both;
}
.resource-list.grid .resource {
    
    width: 20%;
    font-size: 15.75px;
}
.resource-list.grid .resource a {
   
    font-size: 15.75px;
}
.browse .grid .resource .thumbnail {
    width: 100%;
    margin: 0 0 12px 0;
    text-align:center;
    position:relative;
}
ul.resource-list .resource img {
    width: auto;
    height: 135px;
    float: initial;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.browse .grid.resource-list {
    justify-content: center;
    margin: 0 -12px;
}

ul.resource-list .resource h4 {
    margin: 0 10px 0 10px;
    text-align: left;
}
.resource-meta .date{
    text-align:left;
    margin: 0 10px 0 10px;
}


.resource-list.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both;
}

.browse-controls{
width:100vw;
}

 
#contact-us{
margin:20px;
}

.credits {
    margin: 40px 40vw 40px  40px ;
    text-align: left;
    font-size: 15px;
}
.credits-title {
    text-align: left;
    font-size: 19px;
    font-weight: 700;
    color: #800909;
    margin-top:15px;
}


#search-form {
        position: relative;
    }


.item-showcase {
    margin: 0 0 1rem 0;
}

.search-facet-item  {
    font-size: small;
}

li {
    display : inline;
}

.description {
    font-size:12px;
}