@media screen { /*font-family: 'Questrial', sans-serif; Table of Contents ================= -- General HTML Elements ----- Headings ----- Form Elements -- Global Classes -- Navigation ----- Pagination -- Header -- Footer -- Content -- Home -- Items -- Search ----- Advanced Search -- Files -- Collections -- ExhibitBuilder -- Simple Pages -- Winter Styles -- Spring Styles -- Summer Styles -- Autumn Styles -- Night Styles */ /* !---------- General HTML Elements ---------- */ body { font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; word-wrap: break-word; height: 100%; } a { text-decoration: none; } #skipnav { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #skipnav:focus { top: 0; z-index: 9999; clip: initial; height: auto; width: auto; padding: .5em; border: 1px blue dashed; } /* !---------- Headings ---------- */ h1 { font-size: 32px; line-height: 48px; } h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 20px; line-height: 30px; font-weight: 500; } h4 { font-size: 18px; line-height: 27px; } h5, h6 { font-size: 16px; line-height: 24px; } p, ol, ul { margin-bottom: 1.5em; } p:only-child, p:last-child, ol:only-child, ol:last-child, ul:only-child, ul:last-child { margin-bottom: 0; } ul { list-style-type: disc; padding-left: 1.5em; } /* !---------- Form Elements ---------- */ label { padding-top: 0.75em; padding-bottom: 0.75em; display: inline-block; font-weight: bold; } input[type=text], input[type=password], textarea, input[type=submit], button, .button { border: 0; padding: 0.46875em 16px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); } input[type=text], input[type=password], input[type=submit], button, .button { height: 35px; } input[type=text], input[type=password], textarea { width: 100%; } input[type=radio] { margin-right: 5px; } select { margin: 0 0 1.5em; border: 1px solid #dfe2e2; line-height: 36px; height: 36px; font-size: 16px; } input[type=submit], button, .button { color: #fff !important; text-transform: uppercase; cursor: pointer; } fieldset { border: 0; margin: 0; padding: 0; } /* !---------- Tables ---------- */ table { width: 100%; margin: 1.5em 0; } table caption { text-align: left; font-style: italic; } td, th { text-align: left; border-color: rgba(0, 0, 0, 0.2); padding: 0.375em; } td { border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.3125em; } th { border-bottom-width: 0.3125em; border-bottom-style: solid; padding-bottom: 0.0625em; } /* !---------- Global classes ---------- */ .categorie_nav { *zoom: 1; padding-left: 1em; padding-right: 1em; margin: 0 0 2em auto; min-width:13em; } .categorie_nav ul{ display: flex; flex-direction: row; flex-wrap: wrap; padding-left:0; } .categorie_nav li{ margin: 0 3em 0 0 ; padding:0.3em; display: flex; } .categorie_nav li a{ text-decoration:underline; } .categorie_nav:after { content: ""; display: table; clear: both; } .show #primary { padding: 0; } .show #primary > div, .show #content #sidebar > div { border-style: solid; border-width: 10px 0 0 0; padding: 0.75em 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-bottom: 1.125em; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } .show #primary > div > *:first-child, .show #content #sidebar > div > *:first-child { margin-top: 0em; } .show .item-file { text-align: center; width: 100%; } .show .item-file .download-file { display: block; } .show .item-file img { vertical-align: bottom; max-width: 100%; } .show .item-file > div { display: inline-block; } .gm-style { word-wrap: normal; } .image { height: 4.5em; width: auto; float: left; display: block; margin: 0 0.75em 0.75em 0; } .image img { height: 100%; width: auto; } .collection .image, .exhibit .image { -moz-box-shadow: -3px -3px 0 #bbb, -4px -4px 0 #fff, -7px -7px 0 #dedede; -webkit-box-shadow: -3px -3px 0 #bbb, -4px -4px 0 #fff, -7px -7px 0 #dedede; box-shadow: -3px -3px 0 #bbb, -4px -4px 0 #fff, -7px -7px 0 #dedede; margin-left: 7px; } .record { clear: both; overflow: hidden; } /* !---------- Navigation ---------- */ nav ul { list-style: none; margin: 0 auto; } nav a { display: inline-block; } .top { padding: 0 16px; } .top ul { display: none; } .top a { padding-top: 0.75em; padding-bottom: 0.75em; } .top .mobile { margin: 1.5em auto; width: 100%; } .navigation ul, ul.navigation { padding-left: 0; } .secondary-nav, #secondary-nav { margin-bottom: 1.5em; *zoom: 1; } .secondary-nav:after, #secondary-nav:after { content: ""; display: table; clear: both; } .secondary-nav .current, .secondary-nav .active, #secondary-nav .current, #secondary-nav .active { font-weight: 500; text-transform: uppercase; } .secondary-nav ul, #secondary-nav ul { padding-left: 0; } .secondary-nav li, #secondary-nav li { float: left; width: auto; margin-right: 16px; } /* !---------- Pagination ---------- */ .pagination { list-style-type: none; padding-left: 0; margin: 0 0 1.5em; } .pagination li { display: inline-block; margin-right: 5px; vertical-align: top; } .pagination input[type=text] { width: 50px; text-align: right; margin-right: 10px; padding-left: 5px !important; padding-right: 5px !important; border-width: 0.0625em; border-style: solid; padding: -0.0625em; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; margin-bottom: 1.5em; } nav.pagination { padding: 0; } nav.pagination .pagination_list { -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; margin-bottom: 1.875em; clear: both; padding: 0.375em 0; text-align: center; } nav.pagination .pagination_list li { display: inline-block; width: auto; color: #fff; margin: 0 4px; zoom: 1; } nav.pagination .pagination_list a { padding: 0; } nav.pagination .pagination_list .pagination_current { font-weight: 500; } nav.pagination .pagination_list .pagination_first a, nav.pagination .pagination_list .pagination_last a, nav.pagination .pagination_list .pagination_previous a, nav.pagination .pagination_list .pagination_next a { display: inline-block; text-indent: -9999px; height: auto; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } nav.pagination .pagination_list .pagination_first a:after, nav.pagination .pagination_list .pagination_last a:after, nav.pagination .pagination_list .pagination_previous a:after, nav.pagination .pagination_list .pagination_next a:after { text-indent: 0; display: block; margin-top: -2em; } nav.pagination .pagination_list .pagination_first a:after { content: "<<"; } nav.pagination .pagination_list .pagination_last a:after { content: ">>"; } nav.pagination .pagination_list .pagination_previous a:after { content: "<"; } nav.pagination .pagination_list .pagination_next a:after { content: ">"; } .pagination_previous a, .pagination_next a { width: 2.25em; height: 2.25em; display: inline-block; text-indent: -9999px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; position: relative; } .pagination_previous a:after, .pagination_next a:after { font-family: "FontAwesome"; text-indent: 0; position: absolute; top: 0; left: 0; width: 2.25em; text-align: center; line-height: 2.25em; } .pagination_previous a:after { content: "\f0d9"; } .pagination_next a:after { content: "\f0da"; } .item-pagination { clear: both; padding-bottom: 0.75em; } .item-pagination li { display: inline-block; background-color: #fff; margin: 0 0 0.75em 0; padding: 0.375em 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } .item-pagination li:empty { display: none; } .item-pagination .next { float: right; } .item-pagination .previous { float: left; } /* !---------- Header ---------- */ #top-nav ul li{ margin: 0 2em; } #site-title { font-size: 32px; line-height: 48px; font-weight: 300; text-align: center; margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; } #search-container { padding: 0 16px 1.5em; } #search-container:after { content: ""; display: block; height: 0; width: 100px; clear: both; } #search-form { text-align: center; position: relative; overflow: visible; } #search-form input[type=text], #search-form button { -webkit-appearance: none; -moz-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #search-form input[type=text] { width: 100%; font-size: 0.875em; line-height: 1.71429em; padding-right: 3em; } #search-form button { width: 2.25em; padding: 0; position: absolute; top: 0; right: 0; text-indent: -9999px; } #search-form button:after { font-family: "FontAwesome"; content: "\f002"; position: absolute; left: 0; top: 0; text-indent: 0; width: 2.25em; line-height: 2.25em; } #search-form.with-advanced input[type=text] { padding-right: 5.25em; } #search-form.with-advanced button { right: 2.25em; } .show-advanced.button { width: 2.25em; height: 35px; text-indent: -9999px; display: block; position: absolute; padding: 0; top: 0; right: 2.25em; line-height: 30px; background-color: #4b6569; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *behavior: url("../javascripts/boxsizing.htc"); } .show-advanced.button:focus { outline: -webkit-focus-ring-color auto 5px; } .show-advanced.button:link, .show-advanced.button:hover, .show-advanced.button:active, .show-advanced.button:visited { color: #fff; } .show-advanced.button:after { width: 2.25em; content: "\2026"; display: block; text-indent: 0; text-align: center; position: absolute; left: 0; top: 0; height: 2.25em; line-height: 2.25em; border-left: 1px solid rgba(255, 255, 255, 0.2); } #advanced-form { display: none; background-color: #fff; overflow: auto; z-index: 1001; position: absolute; top: 35px; left: 0; border: 1px solid #e7e7e7; width: 100%; padding: 1.5em 16px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px; box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px; } #advanced-form.open { display: block; } #advanced-form #query-types *:first-child { margin-top: 0; } #advanced-form label { margin: 0; padding: 0; } #advanced-form p { margin: 0.75em 0; } #advanced-form p:last-of-type { margin-bottom: 0em; } /* !---------- Footer ---------- */ footer { padding: 0 16px; margin:0; } footer p { padding-bottom: 1.5em; } footer img{ margin:1em; } footer:empty { display: none; } #custom-footer-text{ display:flex; flex-direction:column; } #custom-footer-text .footer-logos{ display: flex; align-items: center; justify-content: center; width:80%; margin:auto; } #custom-footer-text .footer-logos span{ margin: auto; } #custom-footer-text .footer-logos img{ height:auto; width:100%; } #custom-footer-text .links{ display: flex; flex-direction: row; flex-wrap:wrap; background-color: rgba(188,190,192,0.1); line-height: 2.06rem; width:100%; } #custom-footer-text .links a{ margin:auto; padding:1em; } /* !---------- Content ---------- */ #content { display:flex; flex-wrap:wrap;/*nowrap pour mettre en ligne les div*/ clear: both; overflow: visible; *zoom: 1; padding-top:0; } #content:after { content: ""; display: table; clear: both; } #content > h1 { font-size: 24px; line-height: 48px; text-transform: uppercase; border-top: 0; padding: 0 0 0.75em; margin: 0; width:100%; } #content .collection{ width:100%; } #content > h2:first-child, #content > div > h2:first-child, #content #primary > h2:first-child, #content #primary > div > h2:first-child, #content #sidebar > h2:first-child, #content #sidebar > div > h2:first-child { padding: 0 16px 0.375em; font-weight: 500; border-style: 2px solid center; border-width: 0 0 2px 0; margin: 0 0 0.75em 0; width: 95%; } #content > div, #content section { background-color: #fff; border-style: solid; border-width: 10px 0 0 0; overflow: visible; padding: 0.75em 16px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-bottom: 1.125em; *zoom: 1; } #content > div > *:only-child, #content section > *:only-child { margin-top: 0; } #content > div:after, #content section:after { content: ""; display: table; clear: both; } #content .field { margin-bottom: 3em; } #content .field div:only-of-type { margin-bottom: 0; } #content .inputs { padding: 0.75em 0 0; clear: both; } #content > .element { border-bottom: 0; } #content .element-set div { padding-bottom: 0.75em; margin-bottom: 0; } #content .element-set div:only-of-type, #content .element-set div:last-of-type { border-bottom: 0; padding-bottom: 0.375em; } #content .item-meta { padding-bottom: 0; } #content .item-meta .item-description { padding-top: 0; width:25em !important; } #content .item-meta .item-img { border: 1px solid #dfe2e2; padding: 0; float: left; margin: 0 0.75em 0.75em 0; } #content .item-meta .item-img img { margin: 0; } #content #search-filters, #content #item-filters { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; margin-bottom: 1.5em; } #content #search-filters > ul, #content #item-filters > ul { float: left; padding-left: 0; } #content #search-filters li, #content #item-filters li { overflow: auto; padding: 0.375em 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } #content #search-filters li li, #content #item-filters li li { display: inline; padding: 0.375em 0; text-transform: lowercase; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } #content #search-filters li li:last-of-type:after, #content #item-filters li li:last-of-type:after { content: ""; } #content #search-filters li li:after, #content #item-filters li li:after { content: ", "; } #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; } #content div.hTagcloud ul { list-style: none; margin: 0; padding: 0; } #content div.hTagcloud ul li { display: inline-block; zoom: 1; background-color: #fff; margin: 0 8px 0.75em 0; padding: 0.375em 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } #content .view-items-link { border-top: 1px solid #dfe2e2 !important; margin: 0.75em 0 0 -16px !important; padding: 0.75em 16px 0 !important; width: 100% !important; clear: both; } #content .view-items-link + div { border-color: #DFE2E2; margin-top: 0.75em; border-top-width: 0.0625em; border-top-style: solid; padding-top: 1.4375em; } #content #sort-links { border-top: 0; padding: 0.375em 12px; margin-bottom: 1.5em; } #content #sort-links span, #content #sort-links ul, #content #sort-links li { display: inline-block; margin: 0 4px; zoom: 1; display: inline; } #content #sort-links-list { padding-left: 0; } .login #content form { background-color: #fff; border-style: solid; border-width: 10px 0 0 0; overflow: visible; padding: 0.75em 16px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-bottom: 1.125em; *zoom: 1; } .login #content form > *:only-child { margin-top: 0; } .login #content form:after { content: ""; display: table; clear: both; } .asc a:after, .desc a:after { font-family: "FontAwesome"; display: inline-block; margin-left: 3px; } .asc a:after { content: "\f0d8"; } .desc a:after { content: "\f0d7"; } #primary { border-style: solid; border-width: 10px 0 0 0; overflow: visible; padding: 1.5em 16px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-bottom: 1.125em; padding-left: 3.38983%; padding-right: 3.38983%; } #primary div { border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } #primary h1:first-child { margin-top: 0; } #primary > ul, #primary > ol { padding-left: 1.5em; } /* !---------- Home ---------- */ #home #content div#recent-items .item { margin-left: -16px; padding-left: 16px; margin-right: -16px; padding-right: 16px; border-top: 1px solid #dfe2e2; } #home #content div#recent-items .item:first-of-type { border-top: 0; } #home #content div#recent-items .item:first-of-type h3 { margin-top: 0em; } #home #content div#recent-items .item h3 { margin-top: 0.75em; } #home #content div .items-list { margin: 0 -16px; } #home #content div .items-list .item-description { margin: 0.75em 0 0; } #home #content div h3, #home #content div h4, #home #content div h5, #home #content div h6, #home #content div p, #home #content div input, #home #content div textarea { margin-top: 0.75em; margin-bottom: 0.75em; } #home #content div h3 { margin-top: 0; font-weight: 300; text-transform: uppercase; } #home #content div img { border: 1px solid #dfe2e2; display: block; max-height: 80%; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); } #home #content div .show { display: block; text-transform: capitalize; } #home #content div .show:before { content: "("; } #home #content div .show:after { content: "...)"; } #home #content div .view-items-link { border-top: 1px solid #dfe2e2; } #home #content div .item-img { display: inline; } #home #content div .item-description { margin-top: 0; padding-top: 0; } #home #intro { margin-bottom: 1.5em; } #home #featured-item p { clear: both; } #home #featured-item img { margin-bottom: 0; } #home #recent-items h2 { padding-bottom: 0.75em; } /* !---------- Items ---------- */ .items.show h3 { margin-bottom: 0.75em; } .items.show #itemfiles #item-images > div { width: 22.5%; display: inline-block; margin-right: 3%; } .items.show #itemfiles #item-images > div:nth-of-type(4n) { margin-right: 0; } .items.show #itemfiles a { border: 1px solid #dfe2e2; display: inline-block; zoom: 1; overflow: visible; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); } .items.show #itemfiles a img { width: 100%; height: auto; vertical-align: bottom; } .items.show #itemfiles .element-text div:first-of-type { border-top: 1px solid #dfe2e2; } .items.show #primary .element:last-of-type { padding-bottom: 0; } .items.show #primary { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; padding: 0; } .items.show #primary > div { border-top-width: 10px; border-top-style: solid; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } #content #outputs { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; clear: both; } #content #outputs p { padding-left: 0; } .item img { height: 4.5em; width: auto; float: left; margin: 0 0.75em 0.75em 0; } /* !---------- Search ---------- */ #search-results { background-color: #fff; margin-bottom: 1.5em; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; } #search-results .record-image { height: 4.5em; } #search-results th { color: #fff; } #search-results th, #search-results td { padding: 0.75em 8px; text-align: left; vertical-align: top; } #search-results th:last-of-type, #search-results td:last-of-type { border-right: 0; } #search-results td { border-color: #ddd; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: -0.0625em; padding-top: 1.5em; } #search-results .item img { margin: 0; height: 100%; width: auto; } #no-results { clear: both; } /* !---------- Advanced Search ---------- */ .advanced-search #content form > div { background-color: #fff; border-style: solid; border-width: 10px 0 0 0; overflow: visible; padding: 0 16px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); margin-bottom: 1.125em; *zoom: 1; } .advanced-search #content form > div:last-of-type { padding: 0; } .advanced-search #content form > div input { margin-bottom: 1.5em; } .advanced-search #content form > div .label { margin-bottom: 0.75em; margin-top: 0.75em; } .advanced-search #content form > div:after { content: ""; display: table; clear: both; } .search-entry select { width: calc(49% - 2.25em); margin-bottom: 0.375em; } .search-entry input[type=text] { width: calc(100% - 3em); } .search-entry select { margin-right: 1%; } .search-entry:first-of-type { padding-bottom: 0; } .search-entry:first-of-type .advanced-search-joiner { display: none; } .search-entry .advanced-search-joiner { width: 4em; } .search-entry:only-of-type { margin-bottom: 0em; } .remove_search { text-indent: -9999px; width: 36px; position: relative; height: 36px; } .remove_search:after { content: "\f00d"; font-family: "FontAwesome"; text-indent: 0; text-align: center; width: 100%; top: 0; left: 0; position: absolute; line-height: 36px; } .advanced-search button { display: inline-block; margin: 0 0 1.5em; } .advanced-search #advanced-search-form > div:last-of-type { border: 0; background-color: transparent; float: left; *zoom: 1; } .advanced-search #advanced-search-form > div:last-of-type:after { content: ""; display: table; clear: both; } .advanced-search #submit_search_advanced { margin-bottom: 0 !important; } /* !---------- File Pages ---------- */ .files #primary { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; padding-top: 0; } .files #primary:first-child { margin-top: 0; } .files #content #sidebar h3 { padding-left: 0; } .files .download-file { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); overflow: auto; padding: 0.375em; display: inline-block; } .files .download-file img { max-width: 100%; vertical-align: bottom; float: left; } .files .item-file { text-align: center; } .files .item-file > div { display: inline-block; } /* !---------- Collections ---------- */ .collections:only-of-type, .collections:last-of-type { border-bottom: 0; margin-bottom: 0; } .collections #content .element-set .element { margin-bottom: 1.5em; } .collections #content .element-set .element:last-of-type { margin-bottom: 0; } .collections #collection-items .item { border-top: 1px solid #dfe2e2; margin: 0 -16px; padding: 0 16px 1.5em; overflow: hidden; } .collections #collection-items .item:first-of-type { border-top: 0; } .collections #collection-items .item:last-of-type { padding-bottom: 0.75em; } .collections #collection-items .item div:only-of-type { margin-bottom: 0; } .collections .collection { clear: both; } .collections h3:only-child { margin-bottom: 0em; } /* !---------- ExhibitBuilder ---------- */ .exhibits #content .navigation { padding-left: 0; *zoom: 1; } .exhibits #content .navigation:after { content: ""; display: table; clear: both; } .exhibits #content .navigation .current, .exhibits #content .navigation .active { font-weight: 500; } .exhibits #content .primary { padding-bottom: 0; } .exhibits .exhibit { clear: both; } .exhibits .exhibit-page { font-weight: bold; } .exhibits.summary #content #primary > div { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; } .exhibits.summary #content #primary > div:last-child { margin-bottom: 0; } .exhibits #exhibit-pages:not(.full) > ul > li:not(:last-of-type) { border-color: #dfe2e2; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: -0.0625em; } .exhibits #exhibit-pages:not(.full) a { margin: 0.375em 0; } .exhibits #exhibit-pages.top li a { max-width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .exhibits #exhibit-pages.top li { max-width: 40%; } .exhibits.show #content h1 { font-size: 32px; } .exhibits.show #content #primary:first-child { margin-top: 1.5em; } .exhibits.show #content #primary p, .exhibits.show #content #primary ol, .exhibits.show #content #primary ul { margin-bottom: 1.5em; } .exhibits.show #content .exhibit-item { padding-top: 0; } .exhibits.show #content #exhibit-page-navigation { background-color: transparent; border-top: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; padding: 0; } .exhibits.show #content #exhibit-page-navigation a, .exhibits.show #content #exhibit-page-navigation span { padding: 0.375em 0; display: inline-block; width: 100%; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("../javascripts/boxsizing.htc"); } .exhibits.show #content #exhibit-page-navigation > div { padding: 0; width: 100%; text-align: center; } .exhibits.show #content #exhibit-page-navigation #exhibit-nav-next { margin-bottom: 1.5em; } .exhibits.show #content #exhibit-pages ul { margin-left: 0 !important; } .exhibits.show #content .exhibit-page-nav, .exhibits.show #content .exhibit-child-nav { margin-left: 0; padding-left: 0; clear: both; } .exhibits.show #content .exhibit-page-nav .current, .exhibits.show #content .exhibit-child-nav .current { font-weight: bold; } .exhibits.show #content .exhibit-page-nav { -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; margin-bottom: 1.5em; } .exhibits.show #content .exhibit-page-nav a { padding: 0; vertical-align: bottom; } .exhibits.show #content .exhibit-page-nav > li:nth-child(2) { background-color: rgba(0, 0, 0, 0.1); max-width: none; } .exhibits.show #content .exhibit-page-nav > li:nth-child(3) { background-color: rgba(0, 0, 0, 0.2); max-width: none; } .exhibits.show #content .exhibit-page-nav > li:nth-child(4) { background-color: rgba(0, 0, 0, 0.3); max-width: none; } .exhibits.show #content .exhibit-page-nav > li { display: block; float: none; overflow: hidden; margin-right: 0; } .exhibits.show #content .exhibit-page-nav > li:first-of-type { text-transform: uppercase; padding: 0.375em 8px; } .exhibits.show #content .exhibit-page-nav > li:first-of-type a:after { content: ":"; } .exhibits.show #content .exhibit-page-nav > li ul { padding-left: 0; } .exhibits.show #content .exhibit-page-nav > li ul li { display: inline-block; padding: 0.375em 8px; width: auto; } .exhibits #content #secondary-nav .current a, .exhibits #content #secondary-nav a.current, .exhibits #content .exhibit-section-nav .current a { background-color: transparent; } #content .exhibit-items, #content .gallery { padding-bottom: 0; } #exhibit-pages:not(.full) { border-style: solid; border-width: 10px 0 0 0; overflow: visible; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px; padding: 0.75em 16px; background-color: #fff; } #exhibit-pages:not(.full) ul { margin-left: 0; padding-left: 0; } #exhibit-pages:not(.full) ul ul { padding-left: 16px; } #exhibit-pages h4 { margin: 0.1875em 0 0; } .exhibit-block:first-child p:first-of-type { margin-top: 0; } #content .exhibit-item:empty { padding: 0; } .gallery-full-left, .gallery-full-right, .gallery-thumbnails, .gallery-thumbnails-text-bottom, .gallery-thumbnails-text-top, .image-list-left, .image-list-left-thumbs, .image-list-right, .image-list-right-thumbs, .text-full, .text-image-left, .text-image-right { padding: 1.5em 0; margin-top: 1.5em; } .gallery-full-left div:empty, .gallery-full-right div:empty, .gallery-thumbnails div:empty, .gallery-thumbnails-text-bottom div:empty, .gallery-thumbnails-text-top div:empty, .image-list-left div:empty, .image-list-left-thumbs div:empty, .image-list-right div:empty, .image-list-right-thumbs div:empty, .text-full div:empty, .text-image-left div:empty, .text-image-right div:empty { display: none; } #content .layout-text p:only-child { margin-top: 1.5em; } .exhibit-block { overflow: hidden; } .exhibit-block > *:last-child { margin-bottom: 0; } .exhibit-item .exhibit-item-link img { width: 100%; } /* !---------- Simple Pages ---------- */ .simple-pages-navigation { list-style: none; } .simple-pages-navigation ul { display: none; } .simple-pages-navigation .current ul { display: block; } .simple-pages-navigation a { text-decoration: none; border-bottom: 1px solid #ddd; display: block; font-weight: bold; padding: 4px; } #simple-pages-breadcrumbs { font-weight: bold; margin-bottom: 1.5em; } /* !---------- Other Plugin Styles ---------- */ #recaptcha_area input { height: auto; } /* !---------- Winter Styles ---------- */ .winter body { background-color: #2f3e4a; color: #5a5a5a; } .winter h1, .winter #site-title a { color: #859ca2; } .winter input[type=submit], .winter button, .winter .button, .winter .show-advanced.button { background-color: #4b6569; } .winter input[type=text], .winter input[type=password], .winter textarea { background-color: #dfe2e2; } .winter a:link { color: #228494; } .winter a:visited { color: #43ADB8; } .winter a:hover, .winter a:active, .winter a:focus { color: #3acacc; } .winter header { background-color: #fff; } /*______ Bandeau titre ajouté ______*/ #maDiv{ display: flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; background-color:#006dac; text-align:center; margin: 0; padding: 0; justify-content: center; } #titre1{ margin:auto; } #titre1 h1{ font-family: 'Questrial', sans-serif !important; font-weight: normal; margin:0; color:white; padding:0 0.5em; } #titre2{ margin:auto; } #titre2 h1{ font-family: 'Questrial', sans-serif !important; font-weight: normal; margin:0; background-color:white; color:#006dac; padding:0 0.5em; } /*_________________________________*/ .winter nav.top { background-color: #F8F8F8; } .winter nav.top li:hover a { color: #fff; } .winter nav.top a:link, .winter nav.top a:visited { color: gray; } .winter nav.top a:active, .winter nav.top a:hover, .winter nav.top a:focus, .winter nav.top a.open { color: #fff; } .winter nav.top .sub-nav { background-color: #2796a9; } .winter nav.top .sub-nav li > a:link, .winter nav.top .sub-nav li > a:visited, .winter nav.top .sub-nav li > a:active, .winter nav.top .sub-nav li > a:hover, .winter nav.top .sub-nav li > a:focus { color: #fff; } .winter nav.top .sub-nav li a:focus, .winter nav.top .sub-nav li a:hover { background-color: rgba(0, 0, 0, 0.15); } .winter #intro { color: #fff; } .winter #content, .winter #secondary-nav .current a, .winter #secondary-nav a.current, .winter .secondary-nav .current a, .winter .secondary-nav a.current, .winter .exhibit-section-nav .current a { background-color: white;/*bgkc*/ /*flex-direction:column; attention au conflit avec la page d'accueil*/ } .hentry{ display:flex; flex-wrap:wrap; text-align:justify; width:100%; } .winter #home #content > div { border-color: white; border-width:0; margin-right: auto; } .winter #content > h1 { color: gray; } .winter #content h2 { border-color: #dfe2e2; } .winter #content div { border-color: #859ca2; } .winter #content > div, .winter #content #primary > div, .winter #content #sidebar > div, .winter #content #advanced-search-form > div, .winter #content #exhibit-pages { border-color: #fff; } .winter #content #primary > div, .winter #content #sidebar > div { background-color: #fff; } .winter #content .pagination_previous a, .winter #content .pagination_next a { background-color: #4b6569; } .winter #content .pagination { color: #fff; } .winter #content .pagination a:link, .winter #content .pagination a:visited { color: #def9ff; } .winter #content .pagination a:hover, .winter #content .pagination a:active { color: #fff; } .winter #content .pagination input[type=text] { border-color: #dfe2e2; background-color: #fff; } .winter #content nav .pagination_list { background-color: #228494; } .winter #content .items-nav, .winter #content .secondary-nav, .winter #content #secondary-nav, .winter #content #outputs, .winter #content #exhibit-child-pages, .winter #content #login-links a { color: #fff; } .winter #content .items-nav a:link, .winter #content .items-nav a:visited, .winter #content .secondary-nav a:link, .winter #content .secondary-nav a:visited, .winter #content #secondary-nav a:link, .winter #content #secondary-nav a:visited, .winter #content #outputs a:link, .winter #content #outputs a:visited, .winter #content #exhibit-child-pages a:link, .winter #content #exhibit-child-pages a:visited, .winter #content #login-links a a:link, .winter #content #login-links a a:visited { color: gray; } .winter #content .items-nav a:hover, .winter #content .items-nav a:active, .winter #content .secondary-nav a:hover, .winter #content .secondary-nav a:active, .winter #content #secondary-nav a:hover, .winter #content #secondary-nav a:active, .winter #content #outputs a:hover, .winter #content #outputs a:active, .winter #content #exhibit-child-pages a:hover, .winter #content #exhibit-child-pages a:active, .winter #content #login-links a a:hover, .winter #content #login-links a a:active { color: gray; } .winter #content .item-img { border-color: #dfe2e2; } .winter #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } .winter #search-results th { background-color: #4b6569; } .winter #search-filters li, .winter #item-filters li { background-color: #def9ff; } .winter .page #content { border-color: #4b6569; } .winter footer { background-color: white; padding:0; } .winter footer p { background-color: #f8f8f9; color:black; margin:0; padding:0.2em; } .winter .exhibit-page-nav { background-color: #4b6569; } .winter .exhibit-page-nav .current, .winter .exhibit-child-nav .current { background-color: rgba(0, 0, 0, 0.1); } .winter .exhibit-page-nav a:link, .winter .exhibit-page-nav a:visited { color: #def9ff; } .winter .exhibit-page-nav a:hover, .winter .exhibit-page-nav a:active { color: #fff; } .winter #exhibit-page-navigation a, .winter #exhibit-page-navigation span { background-color: #fff; } /* !---------- Spring Styles ---------- */ .spring body { background-color: #4A6F14; color: #5A4E36; } .spring h1, .spring #site-title a { color: #4A6F14; } .spring input[type=submit], .spring button, .spring .button, .spring .show-advanced.button { background-color: #BA5656; } .spring input[type=text], .spring input[type=password], .spring textarea { background-color: #fff; border: 1px solid #e8e8e8; } .spring a:link { color: #FF8F00; } .spring a:visited { color: #D89966; } .spring a:hover, .spring a:active, .spring a:focus { color: #FF5C00; } .spring header { background-color: #F1FFBA; } .spring nav.top { background-color: #92BA56; } .spring nav.top a:link, .spring nav.top a:visited { color: #F1FFBA; } .spring nav.top a:active, .spring nav.top a:hover, .spring nav.top a:focus { color: #F9FFEC; } .spring nav.top .sub-nav { background-color: #92BA56; } .spring nav.top .sub-nav li > a:link, .spring nav.top .sub-nav li > a:visited { color: #F1FFBA; } .spring nav.top .sub-nav li > a:hover, .spring nav.top .sub-nav li > a:focus { color: #fff; } .spring #intro { color: #FF8F00; } .spring #content, .spring #secondary-nav .current a, .spring #secondary-nav a.current, .spring .secondary-nav .current a, .spring .secondary-nav a.current, .spring .exhibit-section-nav .current a { background-color: #F9FFEC; } .spring #home #content > div { border-color: white; border-width:0; margin-right: auto; } .spring #content > h1 { color: #FF8F00; } .spring #content h2 { border-color: #e8e8e8; } .spring #content > div, .spring #content #primary > div, .spring #content #sidebar > div, .spring #content #advanced-search-form > div, .spring #content #exhibit-pages { border-color: #BA5656; } .spring #content #primary > div, .spring #content #sidebar > div { background-color: #fff; } .spring #content .pagination_previous a, .spring #content .pagination_next a { background-color: #92BA56; } .spring #content .pagination a:link, .spring #content .pagination a:visited { color: #F1FFBA; } .spring #content .pagination a:hover, .spring #content .pagination a:active { color: #fff; } .spring #content .pagination input[type=text] { border-color: #F1FFBA; } .spring #content nav .pagination_list { background-color: #92BA56; } .spring #content .items-nav a:link, .spring #content .items-nav a:visited { color: #92BA56; } .spring #content .items-nav a:active, .spring #content .items-nav a:hover { color: #ACBB00; } .spring #content .item-img { border-color: #e8e8e8; } .spring #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } .spring #search-results th { background-color: #BA5656; } .spring #search-filters li, .spring #item-filters li { background-color: #FFFFAD; } .spring .page #content { border-color: #BA5656; } .spring footer { background-color: white; padding:0; } .spring footer p { background-color: #f9ffec; color:black; margin:0; padding:0.2em; } .spring .exhibit-page-nav { background-color: #BA5656; } .spring .exhibit-page-nav .current, .spring .exhibit-child-nav .current { background-color: rgba(0, 0, 0, 0.1); } .spring .exhibit-page-nav a:link, .spring .exhibit-page-nav a:visited { color: #FFFFAD; } .spring .exhibit-page-nav a:hover, .spring .exhibit-page-nav a:active { color: #fff; } .spring #exhibit-page-navigation a, .spring #exhibit-page-navigation span { background-color: #fff; } /* !---------- Summer Styles ---------- */ .summer body { background-color: #3C8F8C; color: #6A7E88; } .summer h1, .summer #site-title a { color: #13BBBB; } .summer input[type=submit], .summer button, .summer .button, .summer .show-advanced.button { background-color: #8ECAC8; } .summer input[type=text], .summer input[type=password], .summer textarea { background-color: #D0EEEE; color: #13BBBB; } .summer a:link { color: #EB4C0F; } .summer a:visited { color: #F09999; } .summer a:hover, .summer a:active, .summer a:focus { color: #FF0000; } .summer header { background-color: #fff; } .summer nav.top { background-color: #FCF283; } .summer nav.top li:hover a { color: #3C8F8C; } .summer nav.top a:link, .summer nav.top a:visited { color: #13BBBB; } .summer nav.top a:active, .summer nav.top a:hover { color: #3C8F8C; } .summer nav.top .nav-item > a:focus, .summer nav.top .nav-item > a:hover, .summer nav.top .nav-item > a.open { background-color: rgba(0, 0, 0, 0.05); } .summer nav.top .sub-nav { background-color: #FCF283; } .summer nav.top .sub-nav li > a:link, .summer nav.top .sub-nav li > a:visited { color: #13BBBB; } .summer nav.top .sub-nav li > a:hover { color: #3C8F8C; } .summer nav.top .sub-nav a:hover { color: #3C8F8C; background-color: rgba(0, 0, 0, 0.025); } .summer #top-nav a:focus { color: #3C8F8C; } .summer #intro { color: #EB4C0F; } .summer #content, .summer #secondary-nav .current a, .summer #secondary-nav a.current, .summer .secondary-nav .current a, .summer .secondary-nav a.current, .summer .exhibit-section-nav .current a { background-color: #FDFFE2; } .summer #home #content > div { border-color: white; border-width:0; margin-right: auto; } .summer #item h1 { color: #EB4C0F; } .summer #content > h1 { color: #EB4C0F; } .summer #content h2 { border-color: #ffe0e0; } .summer #content > div, .summer #content #primary > div, .summer #content #sidebar > div, .summer #content #advanced-search-form > div, .summer #content #exhibit-pages { border-color: #8ECAC8; } .summer #content #primary > div, .summer #content #sidebar > div { background-color: #fff; } .summer #content .pagination_previous a, .summer #content .pagination_next a { background-color: #8ECAC8; } .summer #content .pagination a:link, .summer #content .pagination a:visited { color: #D0EEEE; } .summer #content .pagination a:hover, .summer #content .pagination a:active { color: #fff; } .summer #content .pagination input[type=text] { border-color: #D0EEEE; } .summer #content nav .pagination_list { background-color: #8ECAC8; } .summer #content .items-nav a:link, .summer #content .items-nav a:visited { color: #EB4C0F; } .summer #content .items-nav a:active, .summer #content .items-nav a:hover { color: #FF0000; } .summer #content .item-img { border-color: #D0EEEE; } .summer #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } .summer #search-results th { background-color: #8ECAC8; } .summer #search-filters li, .summer #item-filters li { background-color: #fff; } .summer .page #content { border-color: #8ECAC8; } .summer footer { background-color: white; padding:0; } .summer footer p { background-color: #fdffe2; color:black; margin:0; padding:0.2em; } .summer .exhibit-page-nav { background-color: #8ECAC8; } .summer .exhibit-page-nav .current, .summer .exhibit-child-nav .current { background-color: rgba(0, 0, 0, 0.1); } .summer .exhibit-page-nav a:link, .summer .exhibit-page-nav a:visited { color: #FCF283; } .summer .exhibit-page-nav a:hover, .summer .exhibit-page-nav a:active { color: #fff; } .summer #exhibit-page-navigation a, .summer #exhibit-page-navigation span { background-color: #fff; } .summer th, .summer td { border-color: #D0EEEE; } /* !---------- Autumn Styles ---------- */ .autumn body { background-color: #86443C; color: #86443C; } .autumn h1, .autumn #site-title a { color: #F8F1E5; } .autumn input[type=submit], .autumn button, .autumn .button, .autumn .show-advanced.button { background-color: #86443C; } .autumn input[type=text], .autumn input[type=password], .autumn textarea { background-color: #F8F1E5; color: #815442; } .autumn a:link { color: #FFA300; } .autumn a:visited { color: #E2B76B; } .autumn a:hover, .autumn a:active, .autumn a:focus { color: #F16100; } .autumn header { background-color: #CE6C3E; } .autumn nav.top { background-color: #CABFA6; } .autumn nav.top li:hover a { color: #fff; } .autumn nav.top a:link, .autumn nav.top a:visited { color: #BE5E5E; } .autumn nav.top a:active, .autumn nav.top a:hover, .autumn nav.top a.open { color: #fff; } .autumn nav.top .sub-nav { background-color: #CABFA6; } .autumn nav.top .sub-nav li > a:link, .autumn nav.top .sub-nav li > a:visited { color: #BE5E5E; } .autumn nav.top .sub-nav li > a:hover { color: #fff; } .autumn nav.top .sub-nav .sub-nav a:hover { color: #fff; } .autumn #top-nav a:focus { color: #fff; } .autumn #intro { color: #815442; } .autumn #content, .autumn #secondary-nav .current a, .autumn #secondary-nav a.current, .autumn .secondary-nav .current a, .autumn .secondary-nav a.current, .autumn .exhibit-section-nav .current a { background-color: #F8F1E5; } .autumn #home #content > div { border-color: white; border-width:0; margin-right: auto; } .autumn #content > h1 { color: #815442; } .autumn #content h2 { border-color: #ECEBE6; } .autumn #content #primary > div, .autumn #content #sidebar > div { background-color: #fff; } .autumn #content #primary > h1 { color: #815442; } .autumn #content > div, .autumn #content #primary > div, .autumn #content #sidebar > div, .autumn #content #advanced-search-form > div, .autumn #content #exhibit-pages { border-color: #CABFA6; } .autumn #content .pagination_previous a, .autumn #content .pagination_next a { background-color: #86443C; } .autumn #content .pagination input[type=text] { border-color: #fff; background-color: #fff; } .autumn #content nav .pagination_list { background-color: #86443C; } .autumn #content .item-img { border-color: #ECEBE6; } .autumn #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } .autumn #search-results th { background-color: #CABFA6; } .autumn #search-filters li, .autumn #item-filters li { background-color: #fff; } .autumn .page #content { border-color: #CABFA6; } .autumn footer { background-color: white; padding:0; } .autumn footer p { background-color: #f8f1e5; color:black; margin:0; padding:0.2em; } .autumn .exhibit-page-nav { background-color: #86443C; } .autumn .exhibit-page-nav .current, .autumn .exhibit-child-nav .current { background-color: rgba(0, 0, 0, 0.1); } .autumn .exhibit-page-nav a:link, .autumn .exhibit-page-nav a:visited { color: #CABFA6; } .autumn .exhibit-page-nav a:hover, .autumn .exhibit-page-nav a:active { color: #fff; } .autumn #exhibit-page-navigation a, .autumn #exhibit-page-navigation span { background-color: #fff; } /* !---------- Night Styles ---------- */ .night body { background-color: #000; color: #ccc; } .night h1 { color: #BDBDBD; } .night #site-title a { color: #FFE000; } .night input[type=submit], .night button, .night .button, .night .show-advanced.button { background-color: #666; color: #252525; } .night input[type=text], .night input[type=password], .night textarea { background-color: #252525; border: 1px solid #666; color: #ccc; } .night a:link { color: #FFE000; } .night a:visited { color: #C0A900; } .night a:hover, .night a:active, .night a:focus { color: #FFFFA0; } .night header { background-color: #000; } .night nav.top { background-color: #BDBDBD; } .night nav.top li:hover a { color: #313131; } .night nav.top a:link, .night nav.top a:visited { color: #6d6d6d; } .night nav.top a:focus, .night nav.top a.open { color: #313131; } .night nav.top .sub-nav { background-color: #666; } .night nav.top .sub-nav li > a:link, .night nav.top .sub-nav li > a:visited { color: #FFE000; } .night nav.top .sub-nav li > a:active, .night nav.top .sub-nav li > a:hover, .night nav.top .sub-nav li > a:focus { color: #FFFFA0; } .night #intro { color: #BDBDBD; } .night #content, .night #secondary-nav .current a, .night #secondary-nav a.current, .night .exhibit-section-nav .current a { background-color: #333333; } .night #advanced-form { background-color: #252525; color: #ccc; border-width: 0 1px 1px 1px; border-style: solid; border-color: #313131; } .night #home #content > div { border-color: #666; border-width:0; margin-right: auto; } .night #home #content div .items-list .item { border-top: 1px solid #313131; } .night #home #content div .items-list .item:first-of-type { border-top: 0; } .night #home #content > div img, .night .items.show #itemfiles a, .night #home #content .item, .night #home #content div .view-items-link, .night .collections #content div .view-items-link { border-color: #313131; } .night #content > h1 { color: #BDBDBD; } .night #content h2 { border-color: #313131; } .night #content > div, .night #content #primary > div, .night #content #sidebar > div, .night #content #advanced-search-form > div, .night #content #exhibit-pages { border-color: #666; background-color: #252525; } .night #content #primary > div, .night #content #sidebar > div, .night #content .item-pagination li { background-color: #252525; } .night #content .pagination_previous a, .night #content .pagination_next a { background-color: #252525; } .night #content nav .pagination_list { background-color: #252525; } .night #content .pagination_previous a, .night #content .pagination_next a { background-color: #252525; } .night #content .item-img { border-color: #313131; } .night #content div.hTagcloud { border: 0; background-color: transparent; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; } .night .login #content form { border-color: #666; background-color: #252525; } .night #search-results th { background-color: #666; color: #BDBDBD; } .night #search-results td { background-color: #252525; } .night #search-filters li, .night #item-filters li { background-color: #666; } .night .page #content { border-color: #666; } .night .page #primary { background-color: #252525; } .night footer { background-color: transparent; } .night footer p { background-color: #333; color:#ccc; margin:0; padding:0.2em; } .night .exhibit-page-nav { background-color: #252525; } .night .exhibit-page-nav .current, .night .exhibit-child-nav .current { background-color: rgba(255, 255, 255, 0.1); } .night #exhibit-page-navigation a, .night #exhibit-page-navigation span { background-color: #252525; } .night .exhibits #exhibit-pages > ul > li:not(:last-of-type) { border-color: #313131; } .night .exhibits.show #content .exhibit-page-nav > li:nth-child(3) { background-color: rgba(255, 255, 255, 0.08); } .night .exhibits.tags #content p:only-of-type { background-color: #252525; border-color: #666; } .night #content div.hTagcloud ul li { background-color: #252525; } .night td, .night th { border-color: #333333; } } @media screen and (min-width: 768px) { /* Table of Contents ================= -- Header -- Navigation ----- Pagination -- Search -- Content -- Home -- Items -- Collections -- ExhibitBuilder */ /* !---------- Header ---------- */ header { *zoom: 1; } header:after { content: ""; display: table; clear: both; } #site-title { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; text-align: left; } #site-title:after { content: ""; display: block; height: 0px; clear: both; } /* !---------- Navigation --------- */ nav.top { /* mega menu list */ box-sizing: border-box; /* a top level navigation item in the mega menu */ /* first descendant link within a top level navigation item */ /* focus/open states of first descendant link within a top level navigation item */ /* open state of first descendant link within a top level navigation item */ /* sub-navigation panel */ } nav.top *, nav.top *:before, nav.top *:after { box-sizing: inherit; } nav.top .nav-menu { display: block; text-align:center; position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; } nav.top .nav-item { list-style: none; display: inline-block; padding: 0; margin: 0; position: relative; } nav.top .nav-item a { padding: 0.75em 16px; } nav.top .nav-item > a { position: relative; display: inline-block; border: 1px solid transparent; } nav.top .nav-item > a:focus, nav.top .nav-item > a:hover, nav.top .nav-item > a.open { border: 1px solid #dedede; background-color: rgba(0, 0, 0, 0.15); } nav.top .nav-item > a.open { border-bottom: none; } nav.top .sub-nav { position: absolute; display: none; border: 1px solid #dedede; min-width: 200px; } nav.top .sub-nav.open { display: block; z-index: 20; } nav.top .sub-nav ul { display: inline-block; vertical-align: top; width: 100%; } nav.top .sub-nav ul a { width: 100%; display: block; padding: .25em 16px .25em 2em; text-indent: -1em; } nav.top .sub-nav ul a:before { font-family: "FontAwesome"; content: "\f101"; margin-right: .5em; } nav.top .sub-nav ul ul { padding-left: 1em; } nav.top .sub-nav li { display: block; list-style-type: none; margin: 0; padding: 0; } nav.top .sub-nav a:focus, nav.top .sub-nav a:hover { background-color: rgba(0, 0, 0, 0.05); display: block; } nav.top [aria-haspopup="true"]:after { font-family: "FontAwesome"; content: "\f0da"; margin-left: .5em; } nav.top [aria-haspopup="true"].open:after { content: "\f0d7"; } nav.top .mobile { display: none; } /* !---------- Pagination ---------- */ .pagination { float: left; } #content nav .pagination_list { margin-top: 0.375em; } /* !---------- Search ---------- */ #search-container { padding: 0; width: 32.20339%; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 1.875em; } #search-container input { padding: 0.46875em 8px; } #search-results { width: 100%; } #search-filters, #item-filters { float: left; } #search-filters li, #item-filters li { float: left; } #search-filters li ul, #item-filters li ul { display: inline; padding: 0; } #search-filters li ul li, #item-filters li ul li { float: none; } /* !---------- Advanced Search ---------- */ .search-entry select, .search-entry input[type=text] { width: 24%; } /* !---------- Content --------- */ header, nav.top, #content, footer { *zoom: 1; padding-left: 8.47458%; padding-right: 8.47458%; } header:after, nav.top:after, #content:after, footer:after { content: ""; display: table; clear: both; } .page #primary { padding-top: 3em; padding-bottom: 3em; } #content #sort-links { float: right; text-align: center; } /* !---------- Home ---------- */ #home #content #intro { font-size: 24px; line-height: 36px; margin-bottom: 1.125em; } #home #content #intro p { margin: 0; } #home #content #featured-item { text-align:center; margin-bottom: 1em; max-width: 30%; float: left; margin-right: 0; display: inline; padding:2em; min-width:13em; } #home #content #featured-item .image { display: inline-block; width: 100%; height: auto; } #home #content #featured-item img { width: 100%; height: auto; } #home #content > div { width: 66.10169%; float: right; margin-right: 2em; *margin-left: -1em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .imgune{ max-width:100% !important; flex-direction:column; } .imgune img{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3); margin-bottom:1em; border-radius: 20px; max-width: 100% !important; max-height: auto !important; } /* !---------- Items --------- */ .items .item { clear: both; } .items #advanced-search-form > div { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; clear: both; } .items #advanced-search-form > div:last-of-type { width: auto; } .show #primary, .exhibit-item-show #primary { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; } .show #sidebar, .exhibit-item-show #sidebar { width: 35.89744%; float: right; margin-right: 0; *margin-left: -1em; display: inline; } /* !---------- Collections ---------- */ .collections.show #primary .element-set { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; } .collections.show #primary > div { width: 35.89744%; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: right; } .collections.show .item-img { margin-left: 0; } /* !---------- ExhibitBuilder ---------- */ .exhibits #primary, .exhibits #exhibit-blocks, .exhibits #exhibit-page-navigation { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; padding: 0 16px 1.5em; } .exhibits #exhibit-pages:not(.full) { width: 32.20339%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .exhibits #exhibit-pages.full ~ #exhibit-blocks, .exhibits #exhibit-pages.full ~ #exhibit-page-navigation { width: 100%; } .exhibits.show #content .exhibit-page-nav > li:first-child { background-color: rgba(0, 0, 0, 0.1); float: left; } .exhibits.show #content .exhibit-page-nav > li:nth-child(2) li:first-of-type { padding-left: 8px; } .exhibits.show #content #exhibit-page-navigation .exhibits-nav-prev { text-align: left; } .exhibits.show #content #exhibit-page-navigation .exhibits-nav-next { text-align: right; } .exhibits.show #content #exhibit-page-navigation > div { padding: 0; width: 33%; } .exhibits.show #content #exhibit-page-navigation a, .exhibits.show #content #exhibit-page-navigation span { width: 100%; } } @media screen and (min-width: 290px) and (max-width: 767px){ /* Table of Contents ================= -- Header -- Navigation ----- Pagination -- Search -- Content -- Home -- Items -- Collections -- ExhibitBuilder */ /* !---------- Header ---------- */ header { *zoom: 1; display:flex; align-items:center; justify-content:center; padding:0; flex-direction: column; flex-wrap:wrap; } header:after { content: ""; display: table; clear: both; } #search-form{ min-width:15em; } #site-title { width: 66.10169%; display:flex; align-items:center; margin-right: 1.69492%; text-align: left; } #site-title:after { content: ""; display: block; height: 0px; clear: both; } /* !---------- Navigation --------- */ nav.top { /* mega menu list */ box-sizing: border-box; /* a top level navigation item in the mega menu */ /* first descendant link within a top level navigation item */ /* focus/open states of first descendant link within a top level navigation item */ /* open state of first descendant link within a top level navigation item */ /* sub-navigation panel */ } nav.top *, nav.top *:before, nav.top *:after { box-sizing: inherit; } nav.top .nav-menu { display: block; text-align:center; position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; } nav.top .nav-item { list-style: none; display: inline-block; padding: 0; margin: 0; position: relative; } nav.top .nav-item a { padding: 0.75em 16px; } nav.top .nav-item > a { position: relative; display: inline-block; border: 1px solid transparent; } nav.top .nav-item > a:focus, nav.top .nav-item > a:hover, nav.top .nav-item > a.open { border: 1px solid #dedede; background-color: rgba(0, 0, 0, 0.15); } nav.top .nav-item > a.open { border-bottom: none; } nav.top .sub-nav { position: absolute; display: none; border: 1px solid #dedede; min-width: 200px; } nav.top .sub-nav.open { display: block; z-index: 20; } nav.top .sub-nav ul { display: inline-block; vertical-align: top; width: 100%; } nav.top .sub-nav ul a { width: 100%; display: block; padding: .25em 16px .25em 2em; text-indent: -1em; } nav.top .sub-nav ul a:before { font-family: "FontAwesome"; content: "\f101"; margin-right: .5em; } nav.top .sub-nav ul ul { padding-left: 1em; } nav.top .sub-nav li { display: block; list-style-type: none; margin: 0; padding: 0; } nav.top .sub-nav a:focus, nav.top .sub-nav a:hover { background-color: rgba(0, 0, 0, 0.05); display: block; } nav.top [aria-haspopup="true"]:after { font-family: "FontAwesome"; content: "\f0da"; margin-left: .5em; } nav.top [aria-haspopup="true"].open:after { content: "\f0d7"; } nav.top .mobile { display: none; } /* !---------- Pagination ---------- */ .pagination { float: left; } #content nav .pagination_list { margin-top: 0.375em; } /* !---------- Search ---------- */ #search-container { width:100%!important; margin-bottom:2em; padding: 0; max-width:100%; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 1.875em; } #search-container input { padding: 0.46875em 8px; } #search-results { width: 100%; } #search-filters, #item-filters { float: left; } #search-filters li, #item-filters li { float: left; } #search-filters li ul, #item-filters li ul { display: inline; padding: 0; } #search-filters li ul li, #item-filters li ul li { float: none; } /* !---------- Advanced Search ---------- */ .search-entry select, .search-entry input[type=text] { width: 24%; } /* !---------- Content --------- */ header, nav.top, #content, footer { *zoom: 1; padding-left: 8.47458%; padding-right: 8.47458%; } header:after, nav.top:after, #content:after, footer:after { content: ""; display: table; clear: both; } .page #primary { padding-top: 3em; padding-bottom: 3em; } #content #sort-links { float: right; text-align: center; } /* !---------- Home ---------- */ #content { display:flex; flex-wrap:wrap;/*nowrap pour mettre en ligne les div*/ clear: both; overflow: visible; *zoom: 1; padding-top:0; } #home #content #intro { font-size: 24px; line-height: 36px; margin-bottom: 1.125em; } #home #content #intro p { margin: 0; } #home #content #featured-item { text-align:center; margin-bottom: 1em; max-width: 30%; float: left; margin-right: 0; display: inline; padding:2em; min-width:13em; } #home #content #featured-item .image { display: inline-block; width: 100%; height: auto; } #home #content #featured-item img { width: 100%; height: auto; } #home #content > div { width: 66.10169%; float: right; margin-right: 2em; *margin-left: -1em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .imgune{ width:100vw !important; margin-right:0 !important; flex-direction:column; } .imgune img{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3); margin-bottom:1em; border-radius: 20px; max-width: 100% !important; max-height: auto !important; } #featured-item{ max-width: 100% !important; width: 100% !important; margin-right:0 !important; } /* !---------- Items --------- */ .items .item { clear: both; } .items #advanced-search-form > div { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; clear: both; } .items #advanced-search-form > div:last-of-type { width: auto; } .show #primary, .exhibit-item-show #primary { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; } .show #sidebar, .exhibit-item-show #sidebar { width: 35.89744%; float: right; margin-right: 0; *margin-left: -1em; display: inline; } /* !---------- Collections ---------- */ .collections.show #primary .element-set { width: 61.53846%; float: left; margin-right: 2.5641%; display: inline; } .collections.show #primary > div { width: 35.89744%; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: right; } .collections.show .item-img { margin-left: 0; } /* !---------- ExhibitBuilder ---------- */ .exhibits #primary, .exhibits #exhibit-blocks, .exhibits #exhibit-page-navigation { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; padding: 0 16px 1.5em; } .exhibits #exhibit-pages:not(.full) { width: 32.20339%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .exhibits #exhibit-pages.full ~ #exhibit-blocks, .exhibits #exhibit-pages.full ~ #exhibit-page-navigation { width: 100%; } .exhibits.show #content .exhibit-page-nav > li:first-child { background-color: rgba(0, 0, 0, 0.1); float: left; } .exhibits.show #content .exhibit-page-nav > li:nth-child(2) li:first-of-type { padding-left: 8px; } .exhibits.show #content #exhibit-page-navigation .exhibits-nav-prev { text-align: left; } .exhibits.show #content #exhibit-page-navigation .exhibits-nav-next { text-align: right; } .exhibits.show #content #exhibit-page-navigation > div { padding: 0; width: 33%; } .exhibits.show #content #exhibit-page-navigation a, .exhibits.show #content #exhibit-page-navigation span { width: 100%; } }