@font-face{
font-family: 'Questrial';
font-style: normal;
font-weight: 400;
src: local('Questrial'), local('Questrial-Regular'), url(fonts/questrial-v9-latin-regular.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans-Regular'), url(fonts/open-sans-v16-latin-regular.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
--mainColor: #006dac;
--lightbeige: #fafafa;
--darkMainColor: #005c9e;
--darkgray: #333;
--buttongray: #666;
}
*, input, .button, button, input[type="reset"], input[type="submit"], input[type="button"]{
font-family: 'Open Sans', sans-serif;
}
body{
font-family: 'Open Sans', sans-serif;
min-width: 340px;
}
textarea, select, input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week']{
font-family: 'Open Sans', sans-serif;
}
::-ms-input-placeholder{
font-family: 'Open Sans', sans-serif;
}
h1, .h1, h2, .h2, .hasH2{
font-variant: small-caps;
font-weight: normal;
}
::placeholder, ::-ms-input-placeholder{
font-style: italic;
}
::-ms-input-placeholder{
font-style: italic;
}
#search-container #search-form #query::placeholder, #content #advanced-search-form input::placeholder, #search_block #search-keywords #keyword-search::placeholder{
color: var(--darkgray);
}
a{
border: 0;
}
a:hover{
text-decoration: underline;
}
body a:visited{
color: var(--mainColor);
}
ul.navigation a, footer .links a{
text-decoration: none;
}
/* header */
header{
display: flex;
flex-flow: row nowrap;
border: 0;
margin: 0 auto;
padding: 0 1em 0 1em;
justify-content: flex-end;
align-items: center;
}
#site-title{
display: flex;
z-index: 10;
align-items: center;
justify-content: left;
margin: 0 auto;
padding: 0;
min-width: 10rem;
flex:1;
}
#site-title a img{
padding: 1rem;
max-width: 100%;
}
#site-title a img:hover{
border-radius: 10px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
header .header-icons{
display: flex;
flex: 1;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
margin: 1rem;
max-width: max-content;
}
header .header-icons a{
box-sizing: border-box;
text-decoration: none;
}
header .header-icons i:hover{
filter: drop-shadow(2px 3px 2px gray);
}
i{
font-family: "Font Awesome 5 Free";
font-size: 2em;
margin: 0 0.2em;
font-weight: 900;
}
i.fas.fa-external-link-alt{
font-size: 1em;
}
#user-icon::before{
color: var(--mainColor);
}
#user-icon:hover{
color: var(--mainColor);
}
#rss-icon::before{
color: var(--mainColor);
}
#rss-icon:hover{
color: var(--mainColor);
}
#share-icon{
cursor: pointer;
}
#share-icon::before{
font-style: normal;
color: var(--mainColor);
}
#share-icon:hover{
color: orange;
}
header #shareMenu{
background-color: var(--lightbeige);
z-index: 1002;
position: absolute;
top: 75px;
right: 10px;
display: none;
overflow: hidden;
max-width: 220px;
height: auto;
border-radius: 10px;
padding: 0.5em;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
header #shareMenu h4{
text-align: center;
color: black;
}
header #shareMenu a{
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
height: auto;
width: 200px;
margin-bottom: 5px;
background-color: lightgray;
box-shadow: 1px 1px 1px black;
border-radius: 10px;
padding: 5px;
text-decoration: none;
cursor: pointer;
}
header #shareMenu h5{
margin: 0;
font-size: 13px;
font-weight: bold;
font-style: normal;
color: var(--darkgray);
text-align: center;
width: 100%;
}
header .shareMenu img{
width: auto;
max-width: 50px;
height: auto;
max-height: 1.5em;
}
#search-container{
flex: 3;
margin: 1rem;
text-align: right;
}
#search-container input#query{
border-radius: 15px;
margin: 0;
width:28rem;
}
#search-container input#query::placeholder{
color: var(--darkgray);
}
#search-container button{
display: flex;
justify-content: center;
border-radius: 0 15px 15px 0;
background-color: var(--buttongray);
border: solid 1px var(--buttongray);
height: 30px;
width: 50px;
}
#search-container button::after{
text-indent: 16px;
}
#search-form{
margin: 0;
}
#search-form > a.show-advanced.button:hover{
transform: none;
}
#advanced-form{
border-radius: 0 0 10px 10px;
border-top: none;
top: 30px;
}
#bandeauTitre{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
background-color: var(--mainColor);
height: 2.2em;
width: 100%;
margin: 0;
padding: 0;
}
#bandeauTitre h1{
font-family: 'Questrial', sans-serif;
font-size: 1.8em;
font-weight: normal;
font-variant: unset;
}
#titre1{
display: flex;
align-items: center;
text-align: center;
margin: 0 auto;
height: 100%;
}
#bandeauTitre #titre1 h1{
margin: 0;
color: white;
}
#et{
margin: 0 0.2em;
line-height: 0.6;
font-size: 1.8em;
text-shadow: -2px 4px 1px white;
color: var(--mainColor);
}
#titre2{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
height: 100%;
}
#bandeauTitre #titre2 h1{
height: 100%;
display: flex;
align-items: center;
text-align: center;
margin: 0;
background-color: white;
color: var(--mainColor);
padding: 0 0.5em;
border-left: 2px solid #aae1fa;
border-right: 2px solid #aae1fa;
}
#primary-nav{
margin: 0;
width: 100%;
}
#primary-nav ul.navigation.nav-menu{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
min-height: 3em;
height: auto;
font-size: 1em;
border: 0;
background-color: var(--lightbeige);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#primary-nav ul.navigation *{
width: max-content;
}
#primary-nav ul.navigation.nav-menu li, #primary-nav ul.navigation.nav-menu li a{
background-color: transparent;
}
#primary-nav ul.navigation.nav-menu li.nav-item{
display: flex;
align-items: center;
vertical-align: top;
height: 100%;
width: auto;
margin: 0;
}
#primary-nav ul.navigation.nav-menu li.nav-item.active a, #primary-nav ul.navigation.nav-menu li.nav-item a:hover, #primary-nav ul.navigation.nav-menu a img:hover{
color: orange;
}
#primary-nav ul.navigation > li a{
border: none;
display: block;
}
#primary-nav ul.navigation.nav-menu li.nav-item a{
text-align: center;
width: 100%;
word-break: keep-all;
margin: 0 auto;
padding: 0 1em;
border: 0;
color: black;
background-color: var(--lightbeige);
font-weight: bold;
}
#primary-nav ul.navigation.nav-menu li.nav-item:not(:last-of-type) a{
border-right: 1px solid lightgray;
}
#primary-nav ul.navigation > li a:before{
content: "";
}
.menu-button.button{
background-color: #404040;
width: 100%;
text-indent: 1em;
margin: 0;
}
#wrap{
min-height: 100vh;
min-width: 99vw;
}
#home #wrap{
min-width: 0;
width: 100%;
padding: 0;
}
#content{
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 2em;
margin: 0 auto;
width: 80%;
min-height: 53vh;
}
#home #content{
width: 90%;
padding: 0;
}
#content h1{
text-align: center;
flex-basis: 100%;
}
#content .items-nav.navigation.secondary-nav{
width: 100%;
}
#content .items-nav.navigation.secondary-nav .navigation li.active a{
color: orange;
}
#content .pagination-nav{
flex-basis: 100%;
}
#content .pagination-nav .pagination{
display:flex;
justify-content: flex-end;
width: 100%;
}
#content #sort-links .sort-label, #content #sort-links #sort-links-list{
margin: 0;
padding: 0;
}
#content #sort-links{
height: 3em;
margin-bottom: 1em;
}
#content:focus{
outline: 0;
}
#home #content{
align-items: flex-start;
}
#home #primary{
float: none;
display: flex;
flex-flow: column wrap;
flex-basis: calc(2 * (100% / 3));
justify-content: center;
align-items: center;
height: max-content;
margin: 4em auto;
padding: 0;
}
@keyframes slidy{
0% {left: 0%;}
20%{left: 0%;}
25%{left: -100%;}
45%{left: -100%;}
50%{left: -200%;}
70%{left: -200%;}
75%{left: -100%;}
95%{left: -100%;}
100%{left: 0%;}
}
.slider{
width: 90%;
min-width: 15rem;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
.slider div img{
width: calc(100% / 3);
float: left;
}
.slider div{
position: relative;
width: 300%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite;
}
#primary .imgune{
display: flex;
text-align: center;
align-items: center;
max-width: 100%;
padding-top: 2em;
flex-direction: column;
border-radius: 10px;
}
#primary .imgune .titre{
display: flex;
align-items: center;
justify-content: center;
color: white;
width: 100%;
height: 2em;
background-color: rgba(88, 89, 86, .9);
border-radius: 0 0 10px 10px;
transform: translateY(-2em);
}
#primary .imgune img{
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 10px;
width: 100%;
}
#primary p{
text-align: justify;
}
#home .collections{
display: flex;
flex-flow: row wrap;
flex-basis: 95%;
margin: 0;
}
#home .collections h2{
width: 100%;
margin: 1em auto;
text-align: center;
font-variant: small-caps;
font-weight: normal;
border-bottom: 1px solid var(--mainColor);
}
#home .collections a{
display: flex;
justify-content: center;
align-items: center;flex-basis: 30%;
min-width: 16rem;
min-height: 16rem;
margin: 0.6em auto;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
border-radius: 5px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#home .collections a span{
padding: 5px;
font-size: 1.15em;
word-break: keep-all;
background-color: var(--mainColor);
color: white;
width: 100%;
}
#home #secondary{
float: none;
flex-basis: calc(100% / 3);
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top: 2em;
padding: 0;
}
#home #content #secondary #featured-collection, #home #content #secondary #featured-exhibit, #home #content #secondary #featured-item, #home #content #secondary #recent-items{
float: none;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
text-align: center;
margin: 1em 0;
min-width: 19em;
max-width: 100%;
flex: 1;
width: 100%;
height: 100%;
background-color: transparent;
padding: 0;
}
#home #content #secondary #featured-collection .collection.record, #home #content #secondary #featured-exhibit .exhibit.record, #home #secondary #featured-item .item.record, #home #secondary #recent-items .item.record{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
text-align: center;
margin: 1em auto;
padding: 1em;
min-width: 17.5em;
min-height: 20em;
width: 100%;
background-color: white;
border-radius: 5px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#home #content #secondary #featured-collection .collection.record p, #home #content #secondary #featured-exhibit .exhibit.record p, #home #secondary #featured-item .item.record p, #home #secondary #recent-items .item.record p{
margin: 1.5em;
font-size: 0.9em;
text-align: justify;
}
#home #content #secondary #featured-collection h2, #home #content #secondary #featured-exhibit h2, #home #secondary #featured-item h2, #home #secondary #recent-items h2{
font-variant: small-caps;
font-weight: normal;
margin-top: 0;
width: 80%;
border-bottom: 1px solid var(--mainColor);
}
#home #content #secondary #featured-collection h3, #home #content #secondary #featured-exhibit h3, #home #content #secondary #featured-item h3, #home #content #secondary #recent-items h3{
align-self: stretch;
margin-bottom: 2em;
text-align: center;
font-size: 1em;
}
#home #content #secondary #featured-collection h3:hover, #home #content #secondary #featured-exhibit h3:hover, #home #content #secondary #featured-item h3:hover, #home #content #secondary #recent-items h3:hover{
text-decoration: underline;
}
#home #content #secondary #featured-collection h3 a, #home #content #secondary #featured-exhibit h3 a, #home #content #secondary #featured-item h3 a, #home #content #secondary #recent-items h3 a{
font-weight: normal;
text-decoration: none;
}
#home #content #secondary #featured-collection .image, #home #content #secondary #featured-exhibit .image, #home #content #secondary #featured-item .image, #home #content #secondary #recent-items .image{
text-align: center;
margin: 0;
width: 80%;
height: auto;
box-shadow: none;
}
#home #content #secondary #featured-collection img, #home #content #secondary #featured-exhibit img, #home #content #secondary #featured-item img, #home #content #secondary #recent-items img{
width: 80%;
height: auto;
border-radius: 5px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#home #secondary #recent-items .item.record{
display: flex;
flex-direction: row;
min-height: 0;
}
#home #secondary #recent-items .item.record > *{
flex: 1;
}
#home #secondary #recent-items .item.record a{
max-width: 100px;
max-height: 100px;
}
#home #content #secondary #recent-items .item.record h3{
margin-bottom: 0;
}
#recent-items .view-items-link{
min-width: 17.5em;
margin: 1em auto;
}
#content .exhibit.even{
padding: 1em;
}
#content .exhibit.even .description p{
text-align: justify;
}
/* page item */
.item.show #wrap{
display: flex;
flex-flow: row wrap;
align-items: start;
}
.item.show #wrap #content{
flex-basis: 40%;
min-height: max-content;
justify-content: center;
align-items: start;
height: max-content;
min-width: 19em;
margin: 2em auto;
border-radius: 10px;
background-color: white;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
.item.show .element h3::after, .item.show .element h2::after{
content: "\0000a0:\0000a0";
}
.item.show #collection .element-text p{
margin: 0;
}
.item.show #dublin-core-creator .element-text a{
text-decoration: none;
}
.item.show #wrap #content h1{
text-align: left;
}
.item.show #titre-pactols{
font-weight: bold;
}
.item.show #wrap #content h2:first-of-type, #item-citation{
flex-basis: 100%;
margin: 1em 0;
padding-top: 1em;
border-top: dotted lightgray;
border-top-width: 0.3em;
}
.item.show nav{
margin-top: 2em;
}
.item.show #item-images{
display: flex;
flex-flow: row wrap;
justify-content: start;
flex-wrap: wrap;
height: 10em;
margin-bottom: 1em;
}
.item.show #item-images > div{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.item.show #item-images > div a{
margin: 0;
height: auto;
}
.item.show #item-images > div a:last-child{
color:white;
width:87%;
padding: 0.5em;
border-radius: 0 0 8px 8px;
background-color: var(--buttongray);
}
.item.show #item-images > div a img{
width: 7em;
margin: 0.5em 0.5em 0;
}
.item.show #item-images > div a img:hover{
cursor: pointer;
}
.item.show #itemfiles h3 > div{
margin-top: 0.5em;
}
#fichiers{
width: 80%;
padding-top: 1em;
}
.element-set{
display: flex;
flex-flow: row wrap;
width: 100%;
}
#pactols-item-type-metadata-pactols-sujets .element-text{
width: 33%;
}
#pactols-item-type-metadata-pactols-sujets h3{
flex-basis: 100%;
}
.element-set .element h3, .element-set .element-text{
display: inline-flex;
margin: 0;
margin-bottom: 0.5em;
}
#dublin-core-format .element-text{
display:block;
margin-left: 31%;
}
.item.show h3, .item.show h2{
font-size: 16px;
line-height: 20px;
height: max-content;
margin: 0;
}
.element{
width: 100%;
}
.item.show .element-set > div > .element-text > *:after{
content: "";
}
.item.show .element-set > div > .element-text:last-of-type > *:after{
content: "";
}
.element-text a:hover{
font-weight: bold;
color: var(--darkMainColor);
}
body.items.tags #wrap #content p{
width: 100%;
text-align: center;
}
#dublin-core-subject :not(:first-child):not(:last-child)::after{
content: ";";
}
#rightDiv{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-basis: 40%;
text-align: center;
margin: 2em auto;
padding: 1.5em 0.5em;
min-width: 19em;
width: auto;
height: auto;
border-radius: 10px;
background-color: white;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#rightDiv ol{
margin: 0.5em auto;
padding: 0 2em;
text-align: left;
word-break: break-all;
}
#rightDiv #transcribe, #rightDiv #item-relations-display-item-relations, #scripto-transcription{
width: 80%;
border-top: dotted lightgray;
border-top-width: 0.25em;
padding: 2em 0;
}
#item-relations-display-item-relations h2{
margin-bottom: 1em;
}
#pactols-item-type-metadata-pactols-sujets{
display: flex;
flex-flow: row wrap;
text-align: justify;
}
#content .element-set:nth-of-type(n+2) .element .element-text a:first-of-type{
padding-left: 1em;
margin-right: 5px;
}
#dublin-core-creator .element-text a{
margin-left: 5px;
}
#content .element-set:nth-of-type(2) .element-set > div, #content .element-set:nth-of-type(2) .element-set .element-text{
display: flex;
flex-direction: row;
flex: 1;
}
.item.show #geolocation, #geolocation-browse{
width: 100%;
padding: 0.5em;
align-self: center;
margin: 1em 0;
}
.item.show #geolocation h2{
margin-bottom: 1em;
}
/* formats de sortie*/
#outputs{
width: 100%;
}
#outputs .outputs-label::after{
content: ":";
}
#item-output-formats li{
display: inline-block;
}
#item-output-formats{
text-align: center;
padding-top: 1em;
border-top: 1px dotted lightgray;
border-top-width: 0.3em;
}
#output-format-list{
margin-top: 0;
padding-left: 0;
}
#item-output-formats li:after{
content: ", ";
}
#item-output-formats li:last-of-type:after{
content: "";
}
select, textarea, input{
max-width: 100%;
}
/* recherche avancée & carte */
.items.advanced-search #advanced-search-form, .map.browse #search{
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
margin: 0 auto;
}
.inputs #keyword-search::placeholder{
text-indent: 1em;
color: var(--darkgray);
}
#content #search-narrow-by-fields .search-entry{
display: flex;
justify-content: flex-end;
border-radius: 10px;
background-color: var(--lightbeige);
}
.inputs .search-entry *{
height: 30px;
}
#search-narrow-by-fields .search-entry select, #search-narrow-by-fields .advanced-search-terms{
margin-right: 3px;
}
#advanced-search-form #search-narrow-by-fields .advanced-search-element, #advanced-search-form #search-narrow-by-fields .advanced-search-type, #advanced-search-form #search-narrow-by-fields .advanced-search-terms, #search #search-narrow-by-fields .advanced-search-element, #search #search-narrow-by-fields .advanced-search-type, #search #search-narrow-by-fields .advanced-search-terms{
width: 30%;
}
option[disabled]{
display: none;
}
.add_search, #submit_search_advanced{
width: max-content;
align-self: center;
}
.add_search, .remove_search{
background-color: var(--buttongray);
}
#submit_search_advanced{
background-color: var(--mainColor);
}
.field label, .field .label{
margin: 1em 0;
width: 100%;
margin-bottom: 1.5em;
}
#advanced-search-form #search-narrow-by-fields .advanced-search-joiner, #search #search-narrow-by-fields .search-entry select.advanced-search-joiner{
width: 8%;
background-color: lightgray;
margin-right: 2em;
font-size: 0.95em;
min-width: max-content;
}
#advanced-search-form #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner, #search #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner{
display: block;
visibility: hidden;
}
/* carte */
#map-links ul li{
margin-bottom: 0;
line-height: 20px;
}
.gm-style-iw img{
max-width: 100% !important;
max-height: 150px !important;
}
#search_block{
flex-basis: 80%;
}
#search input, #search select{
width: 100%;
display: block;
margin-bottom: 1.5em;
}
#search .field{
border-bottom: 1px solid #ccc;
width: 100%;
overflow: auto;
padding: 1.5em 0;
margin-bottom: 0em;
}
#search .field .inputs{
width: 100%;
}
#search input[type="submit"], #search button{
clear: both;
width: auto;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/* scripto */
.pageScripto #primary{
flex-basis: 100%;
}
#scripto-transcribe.scripto{
display: flex;
flex-direction: column;
align-items: stretch;
}
.pageScripto #primary .scripto > p{
font-size: 1em;
text-align: center;
}
a.download-file img{
max-width:100%;
object-fit: cover;
}
#scripto-transcribe.scripto #scripto-transcription, #scripto-transcribe.scripto #scripto-talk{
border-top: dotted lightgray;
border-top-width: 0.25em;
padding: 2em 0;
width: 100%;
text-align: center;
}
#scripto-transcribe.scripto .item-file.application-pdf{
display: flex;
min-height: max-content;
flex-flow: row wrap;
flex-basis: 40%;
align-items: start;
height: max-content;
min-width: 19em;
margin: 2em auto;
border-radius: 10px;
background-color: white;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
padding: 2em;
justify-content: center;
}
#scripto-transcribe.scripto .item-file.image-jpeg{
text-align: center;
}
#scripto-transcription-page-html{
border-radius: 10px;
background-color: white;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
padding: 2em;
}
#scripto-transcription-page-html *{
font-family: times;
color: #1E5C96;
}
.files.show.primary-secondary #content{
justify-content: space-around;
}
.files.show #wrap #content #primary{
order:2;
text-align: center;
flex-basis: 60%;
}
.files.show #wrap #content #primary > *{
margin: 0.5rem 0;
}
.files.show #wrap #content #primary #scripto-transcription{
width: 100%;
}
.files.show.primary-secondary #content #sidebar{
order:1;
flex-basis:30%;
}
#credits #wrap, #mentions-legales #wrap, #politique-confidentialite #wrap, .collections.show #wrap{
display: flex;
flex-direction: column;
}
/* page collection */
.collections.show #wrap #content h2, .collections.show #wrap #content #collection-items, .collections.show #wrap #content #collection-tree{
flex-basis: 100%;
text-align: left;
}
.collections.show #wrap #content #collection-items h2 a{
padding-left: 1.2em;
background: url(../img/parcourirpetit.png) no-repeat left center;
}
.collections.show #wrap #content .element-set #dublin-core-description .element-text{
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
}
.collections.show .element{
margin-bottom: 0;
}
.collections.show #wrap #content h2, .admin-bar.collections.show #wrap #content h2{
margin-top: 2em;
}
/* page collections */
.collections.browse #content .collection h2{
margin-bottom: 0.5em;
}
.collections.browse #content .collection .image{
height: 125px;
}
.view-items-link a, a.itemsLink{
padding-left: 2em;
background: url(../img/parcourirpetit.png) no-repeat left center;
}
.collections.browse .view-items-link a span{
font-weight: bold;
}
#views{
border-bottom: 0.1rem solid #ccc;
margin: 0 auto;
flex-basis: 100%;
}
#views div{
width: max-content;
margin-left: auto;
}
#views a:nth-of-type(2){
border-left: 0.1rem solid #ccc;
}
#views a i{
font-size: 16px;
}
#views a .active{
color: orange;
}
#content .collection{
display: flex;
flex-flow: row wrap;
text-align: justify;
width: 100%;
padding: 1em;
}
#content .collection h2, #content .collection p{
width: 100%;
}
#description-box{
display: flex;
justify-content: center;
}
#description-box .collection-description{
height: 100%;
}
#description-box .collection-description p{
padding-left: 1em;
margin: 0;
width: 50%;
}
#description-box .image{
margin: 0;
text-align: left;
box-shadow: none;
}
#description-box .image img{
padding: 0;
}
#collection-tree{
margin: 0 auto;
}
#collection-tree > ul{
width: 100%;
padding: 0;
}
#collection-tree ul li{
display: flex;
flex-flow: column;
list-style: none;
border-top: 1px solid #ccc;
margin-top: .5em;
padding: 1em;
}
#collection-tree ul ul{
flex-basis: 100%;
}
/* page contenus & collections */
.items h1{
margin: 0;
}
.secondary-nav{
display: flex;
flex-basis: 100%;
margin-left: 1em;
}
#sort-links{
width: 100%;
}
#sort-links ul{
margin: 0;
padding: 0;
}
#content .item.hentry{
text-align: justify;
}
.item.hentry, .collection{
width: 100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.item.hentry .item-meta{
display: flex;
}
.item.hentry .item-meta .item-img{
float: none;
margin: 0 1rem 0.5em;
}
.item.hentry h2{
padding-left: 0.5em;
margin-bottom: 0.5em;
line-height: normal;
}
.item.hentry a, .item-description{
font-size: 0.9em;
text-decoration: none;
}
.item.hentry a:hover, .collection a:hover{
color: var(--darkMainColor);
}
/* solr */
#content #solr-applied-facets{
margin: 1.2rem 0;
width: 100%;
}
#content #solr-applied-facets ul{
display: flex;
flex-direction: column;
margin: 0;
}
#solr-applied-facets ul li a .fas{
margin-right: 0;
font-size: 16px;
}
#content #solr-facets, #content #solr-facets h2{
flex-basis: 30%;
min-width: 17em;
height: max-content;
}
#solr-facets strong{
display: flex;
align-items: center;
text-indent: 1em;
height: auto;
margin-bottom: 10px;
border-bottom: solid 1px var(--mainColor);
background-color: var(--lightbeige);
border-radius: 5px 5px 0 0;
}
#solr-facets ul{
padding: 0;
margin-left: 2em;
}
#solr-facets ul li{
display: block;
}
#solr-facets a:hover{
transform: none;
}
#solr-results{
flex-basis: 50%;
margin: 0 auto;
text-align: center;
}
#solr-results ul.hl{
text-align: left;
}
#solr-results h2{
text-align: left;
}
#solr-facets h3{
cursor: pointer;
width: 100%;
color: black;
background-color: lightgray;
}
#solr-facets, #solr-results .result{
padding: 1em;
background-color: white;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}
#solr-facets div .more{
color: black;
width: max-content;
text-indent: 1em;
cursor: pointer;
margin-bottom: 0.5em;
}
#solr-facets div .more:hover{
color: orange;
}
#solr-results .result .hl li em{
font-weight: bold;
}
#solr-results .gallery{
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
#solr-results .gallery img{
margin: 0.5rem;
border-radius: 5px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5);
max-width: 6rem;
max-height: 6rem;
}
#solr-facets .Creator ul li > a:first-of-type{
margin-right: 5px;
}
#previous-item, #next-item{
display: flex;
align-items: center;
justify-content: center;
}
/* footer */
footer{
padding: 0;
border-top: none;
background-color: var(--lightbeige);
}
#footer-text{
display: flex;
flex-flow: row wrap;
align-items: center;
}
body footer #footer-text *{
padding-top: 0;
}
#footer-text div, #footer-text p:first-of-type{
padding: 1em;
}
#footer-text .logos{
display: flex;
flex-basis: 60%;
flex-flow: row wrap;
justify-content: center;
}
#footer-text .logos span{
display: flex;
}
#footer-text .logos img{
margin: 1.5em;
max-height: 80px;
}
#footer-text .links{
display: flex;
flex: 1;
flex-flow: column wrap;
align-content: center;
border-right: 1px dotted #ccc;
border-left: 1px dotted #ccc;
border-width: 0.2em;
padding: 1em;
line-height: normal;
}
#footer-text .logos a{
margin: auto;
}
#footer-text .links a{
font-size: 13px;
font-weight: bold;
color: var(--darkgray);
}
#footer-text .links a:hover{
color: orange;
}
#footer-text .license{
display: flex;
align-items: center;
text-align: justify;
width: 30%;
font-size: 0.8em;
margin: 0;
padding-bottom: 0;
}
#footer-text .license img{
margin-right: 1em;
}
#footer-text .license p{
width: 100%;
}
/* cookies */
#cookies{
z-index: 7;
position: fixed;
bottom: 0;
display: flex;
width: 100%;
background-color: lightgray;
align-items: center;
text-align: center;
}
#cookies button, #cookies a{
width: auto;
margin-right: 10px;
border-radius: 10px;
background-color: var(--mainColor);
color: white;
text-decoration: none;
}
#cookies button{
font-family: 'Questrial', sans-serif;
}
#cookies a{
padding: 5px;
}
#cookies p{
font-size: small;
flex-basis: 80%;
color: black;
margin: 0;
}
@media screen and (max-width: 1585px){
header{
z-index: 1003;
}
header .shareMenu{
top: 40px;
right: 10px;
}
#primary-nav ul.navigation{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
border-bottom: 1px solid #ccc;
}
#primary-nav ul.navigation > li{
padding: 0;
width: auto;
background-color: transparent;
}
#primary-nav ul.navigation > li.active a{
color: orange;
}
#primary-nav ul.navigation > li a{
color: black;
font-weight: bold;
width: auto;
}
#primary-nav ul.navigation > li a:hover{
color: orange;
}
#primary .imgune{
min-width: 32em;
}
#footer-text{
flex-flow: column;
}
#footer-text .logos{
flex-basis: 100%;
}
#footer-text .links{
flex-flow: row wrap;
justify-content: center;
width: 100%;
text-align: center;
border-left: none;
border-right: none;
border-top: 1px dotted lightgray;
border-top-width: 0.2em;
border-bottom: 1px dotted lightgray;
border-bottom-width: 0.2em;
}
#footer-text .links a{
margin: 1em;
min-width: 5em;
}
#footer-text .license{
width: 95%;
}
#description-box .collection-description p{
width: 100%;
}
}
@media screen and (max-width: 1024px){
#content #search-narrow-by-fields .inputs .search-entry, #search_block #search #search-narrow-by-fields .inputs .search-entry{
flex-direction: column;
}
#content #advanced-search-form #search-narrow-by-fields .inputs .search-entry select, #content #advanced-search-form #search-narrow-by-fields .inputs .search-entry .advanced-search-terms, #search_block #search-narrow-by-fields .inputs .search-entry select, #search-narrow-by-fields .advanced-search-terms{
width: 100%;
margin-bottom: 1.5em;
}
#content #advanced-search-form #search-narrow-by-fields .inputs .search-entry select.advanced-search-joiner, #search_block #search-narrow-by-fields .inputs .search-entry select.advanced-search-joiner {
width: 10%;
}
#advanced-search-form #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner, #search #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner{
display: none;
}
}
@media screen and (min-width: 768px){
#search-narrow-by-fields .inputs .remove_search::after{
content: "\f00d";
font-family: "FontAwesome";
text-indent: 0;
text-align: center;
width: 100%;
top: 0;
left: 0;
position: absolute;
line-height: 30px;
}
#search .field .remove_search{
text-indent: -9999px;
margin-top: 0;
width: 1.875em;
float: right;
clear: none;
}
}
@media screen and (max-width: 768px){
header{
background-color: white;
top: 0;
z-index: 1003;
border-bottom: 1px solid lightgray;
flex-wrap: wrap;
}
header #site-title{
order:1;
}
#site-title a img{
min-width: 180px;
padding: 0.5rem;
max-height: 70px;
}
header .header-icons{
order:2;
margin: 0.5rem;
}
header #search-container{
order: 3;
flex-basis: 50%;
}
header .shareMenu{
right: 10px;
}
#bandeauTitre h1{
font-size: 1.5em;
}
body #primary-nav .navigation{
display: none;
width: 100%;
text-align: center;
background-color: var(--lightbeige);
}
body #primary-nav .navigation li{
background-color: transparent;
}
body #primary-nav .navigation.nav-menu > a:first-of-type, body #primary-nav .navigation.nav-menu > li:first-of-type{
display: none;
}
body #primary-nav .navigation > a:first-of-type,b ody #primary-nav .navigation > li:first-of-type{
display: none;
}
#primary-nav ul.navigation.nav-menu a.nav-item{
display: none;
margin: 0 auto;
padding: 0.75em 1em;
}
#primary-nav ul.navigation > li a:hover, #primary-nav ul.navigation > li.active a{
color: orange;
background-color: transparent;
}
#primary-nav ul.navigation.nav-menu > li:not(:last-child) a{
border-bottom: 1px dotted lightgray;
border-bottom-width: 0.2em;
display: block;
}
#primary-nav ul.navigation.nav-menu{
display: none;
}
#content, #credits #content, #mentions-legales #content, #politique-confidentialite #content, .collections.show #content .collections.browse #content, .items.browse #content, .items.tags #content, #scripto-index{
padding: 0.5rem;
width: 100%;
}
#home #content{
justify-content: center;
padding-top: 1em;
width: 100%;
}
#wrap #content #primary, #wrap #content #secondary{
margin: 0;
height: auto;
}
#primary .imgune{
min-height: 17.5em;
}
#home #content #secondary{
border-left: none;
flex-flow: row wrap;
}
#home #secondary, #home #secondary #featured-item{
justify-content: center;
width: 100%;
margin: 2em 0;
padding: 0;
}
#home #secondary #featured-item .item.record{
width: 82%;
}
#home #secondary #featured-item .item.record img{
width: 70%;
}
#content #solr-facets, #content #solr-facets h2, #content #solr-results{
min-width: 100%;
}
.item.show #wrap #content{
flex-basis: 100%;
}
.item.show #wrap #rightDiv{
flex-basis: 100%;
}
#advanced-search-form{
width: 100%;
padding: 0;
}
.items.advanced-search #wrap{
min-width: 95vw;
}
.items.advanced-search #wrap, .items.advanced-search #content{
padding: 0;
}
.items.advanced-search #content #advanced-search-form{
padding: 1em;
}
/* carte */
#search_block{
width: 100%; flex-basis: 100%;
}
#advanced-search-form .field .remove_search{
margin: 0;
}
.collections h2{
text-align: left;
}
.items-nav.navigation.secondary-nav{
border-bottom: 1px solid lightgray;
margin-bottom: 2em;
margin-left: 0;
}
.items-nav.navigation.secondary-nav ul{
margin: 0 0 -1px 0;
}
.items-nav.navigation.secondary-nav li{
border: 1px solid lightgray;
padding: 0 5px;
}
.items-nav.navigation.secondary-nav .active{
border-bottom-color: white;
}
/* cookies */
#cookies{
flex-flow: row wrap;
align-items: center;
}
#cookies p{
flex-basis: 100%;
}
#cookies button{
margin-left: auto;
}
#cookies a{
margin-right: auto;
}
}
@media screen and (max-width:549px){
#primary .imgune{
min-width: 13em;
}
header{
position: sticky;
}
#bandeauTitre{
display: none;
}
#search-container input#query{
width: 100%;
}
}
@media screen and (max-width:480px){
#footer-text .license{
flex-direction: column;
padding-top: 1em;
}
#footer-text .license .license-logo a img{
min-width: 9em;
}
}
Omeka