diff --git a/themes/default/css/custom.css b/themes/default/css/custom.css
new file mode 100644
index 0000000..44dfd54
--- /dev/null
+++ b/themes/default/css/custom.css
@@ -0,0 +1,1219 @@
+
+
+/* DEBUT MODIFICATION CSS */
+
+
+
+/* changement sur tout le site / police de caractère */
+
+* {
+ font-family: "Roboto", "Segoe UI","Verdana", "Arial";
+}
+
+/* police de caractère des éléments paragraphes*/
+p, .element-text, .element-text *, p *{
+ font-family: Garamond, Arial;
+}
+
+/* debut-------------------------------------------------- */
+/* enlever la bordure pointillé des liens sur toutes les pages */
+a{
+ border: 0;
+ text-decoration: underline;
+
+}
+
+ul.navigation a , footer .links a {
+ text-decoration: none;
+}
+/* fin------------------------------------------- */
+
+
+/* taille du content et centrage*/
+#content{
+ width: 80%;
+ display: block;
+ margin: auto;
+ float: none;
+}
+
+
+/*
+* Enlève la boite bleue génante lorqu'on clique sur le content
+*/
+#content:focus{
+ outline:0;
+}
+
+/* debut----------------------------------------------------------- */
+/* redimension générale */
+#home #primary{
+ margin: 0 !important;
+ padding: 0 !important;
+}
+#home #content{
+ padding: 0;
+ height: auto;
+ margin: auto;
+}
+
+#wrap{
+ max-width: 100%;
+ padding:0;
+}
+/* fin--------------------------------------------------------------- */
+
+
+
+/* debut-------------------------------------------------------------- */
+/**
+* background sur toutes les pages , couleurs, image...
+*/
+
+body #wrap{
+ background-image: url(../logos_img/img/FondFooter.PNG);
+ background-position: bottom;
+ background-size: 100%;
+ background-repeat: no-repeat;
+
+}
+body{
+ background-color: #fef2df !important;
+}
+#home #wrap{
+ padding-bottom: 9em;
+}
+footer{
+ background-color: #fce6c2;
+}
+
+/* fin--------------------------------------------------------------------- */
+
+
+
+
+
+/* page d'accueil image en fond */
+
+/* */
+/* #home #wrap{ */
+ /* background-image: url(../logos_img/img/accueil1.png); */
+ /* background-position: center; */
+ /* background-size: cover; */
+ /* background-repeat: no-repeat; */
+ /* */
+/* } */
+
+
+
+
+
+/**
+* PAGE D'ACCUEIL : boites, placement, couleur
+*/
+
+
+/* debut-------------------------------------------------------------------------------------------------------------- */
+/* page d'accueil boites, contenu recents sur la droite et sous boites en dessous pour les contenus en avant */
+#home #primary > *, #home #secondary > *{
+ background-color: rgba(255, 255, 255, 0.7);
+ padding: 1em;
+ display: inline-block;
+ margin : 10px;
+ max-width: 100%;
+
+}
+#home #primary img{
+ max-width: 100%;
+}
+#home #primary .homepage-text img{
+ width: 100%;
+ height: auto;
+}
+
+/* enlève tout ce qui n'est pas dans une div car le texte de page d'accueil se retrouve par defaut avec des balises vides */
+#home #primary > *:not(div){
+ display: none;
+}
+
+
+#home #content{
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+ align-items: flex-start;
+
+}
+#home #primary{
+ flex-shrink: 1;
+ flex-grow: 1;
+ flex-basis: 70%;
+}
+#home #secondary{
+ flex-shrink: 1;
+ flex-grow: 1;
+ flex-basis: 28%;
+ padding: 0 !important;
+}
+#home #primary{
+ display: flex !important;
+ flex-flow: row wrap;
+}
+#home #featured-item, #home #featured-collection, #home #featured-exhibit{
+ flex-shrink: 1;
+ flex-grow: 1;
+ flex-basis: 30%;
+ min-width: 200px;
+}
+
+/* fin----------------------------------------------------------- */
+
+/* debut----------------------------------------------------------------------- */
+/* correction de bug image contenus récents, l'image pouvait déborder en longueur */
+#primary div.record a.image, #secondary div.record a.image{
+ max-width: 200px;
+ height: auto;
+ max-height: 100px;
+ float: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+#primary div.record a.image img, #secondary div.record a.image img{
+ max-width: 200px;
+ object-fit: contain;
+ max-height: 100px;
+}
+/* fin------------------------------------------------------------------------------- */
+
+
+
+/* paragraphes dans les boite de l'accueil (valable pour les contenus en avant et les ajoutés recemments)*/
+#home div.record p{
+ line-height: 20px;
+ text-align: justify;
+}
+
+
+
+/* debut---------------------------------------------------------------------------------------------- */
+/* Tout le bloc sert à changer le texte des titres de contenus en avant de la page d'accueil */
+/* #home #primary div[id^=featured] > h2{ */
+ /* display: none; */
+/* } */
+/* #home #primary div[id^=featured]:before{ */
+ /* font-size: 24px; */
+ /* font-weight: 700; */
+ /* color: black; */
+/* } */
+/* #home #primary div[id^=featured] .record{ */
+ /* margin-top: 5px; */
+/* } */
+/* #home #primary div#featured-exhibit:before{ */
+ /* content: "Expositions"; */
+ /* */
+/* } */
+/* div#featured-collection:before{ */
+ /* content: "Collection mise en avant" */
+/* } */
+/* */
+/* div#featured-item:before{ */
+ /* content: "Site de la semaine"; */
+/* } */
+
+/* fin -------------------------------------------------------------------------------------------------- */
+
+
+
+/* fin page d'accueil */
+/* ---------------------------------------------------------------------------------------------------------------------------------- */
+
+
+
+/* -------------------------------------------------------------------------------
+---------------------------------- Page parcourir les contenus--------------------
+----------------------------------------------------------------------------------
+*/
+
+
+/* debut ------------------------------------------------------------------ */
+/* image à droite */
+
+
+/* div.item.hentry {
+ padding-bottom: 0;
+}
+
+div.item.hentry .item-meta .item-img{
+ margin-bottom: 0;
+ float: right;
+ position: relative;
+ top: -3em;
+}
+div.hentry h2{
+ vertical-align : top;
+}
+ */
+
+ .items.browse .item-meta .item-description{
+ text-align: justify;
+ }
+
+/* fin-------------------------------------------------------------------- */
+
+
+
+
+/**
+* Page de recherche :
+* pour les images (rétrecir et limiter)
+*/
+
+/* retrecit le #content des pages de recherche, recherche avancée et recherche par mot-clé */
+
+body.browse:not(.map) #content, body.advanced-search #content, body.tags #content {
+ width: 50%;
+}
+
+
+
+/* recherche avancée, cacher certains champs */
+.items.advanced-search #primary-nav #search-container,
+.items.advanced-search #advanced-search-form .field:nth-of-type(3),
+.items.advanced-search #advanced-search-form .field:nth-of-type(5),
+.items.advanced-search #advanced-search-form .field:nth-of-type(6),
+.items.advanced-search #advanced-search-form .field:nth-of-type(7),
+.items.advanced-search #advanced-search-form .field:nth-of-type(9)
+{
+ display: none;
+}
+
+.items.advanced-search .inputs *{
+ font-size: 12px;
+ line-height: 12px;
+}
+
+.items.advanced-search .inputs {
+ width: 60% !important;
+ float: none;
+ margin: auto;
+ height: 1em;
+}
+
+.items.advanced-search #search-narrow-by-fields .inputs{
+ width: 100% !important;
+}
+
+#advanced-search-form .field label, #advanced-search-form .field .label{
+ margin: 0;
+ margin-bottom: 1em;
+ width: 100%;
+}
+
+.items.advanced-search #advanced-search-form .field{
+ padding: 5px;
+}
+
+.items.advanced-search .two.columns.alpha{
+ width: 100%;
+}
+
+/* fin page recherche -------------------------------------------------------------------------------------------------------------------- */
+
+/**
+*
+*
+* Page item
+*
+*
+*/
+
+
+
+/* Tous les titres des champs dans une page item et tous les sous textes, pour les mettre en ligne */
+.element-set .element h3, .element-set .element-text{
+ display: inline-block;
+}
+
+.item.show h3, .item.show h2{
+ font-size: 16px;
+ line-height: 20px;
+ margin-bottom: 5px;
+}
+
+
+/* Pour mettre les deux points après le titre */
+.item.show .element h3:after, .item.show .element h2:after {
+ content: " :";
+}
+/* certains champs sont dans un paragraphe */
+.item.show .element-text p {
+ margin: 0;
+}
+
+/* jusitifer la description (et la présentation du site) */
+#sites-mdivaux-item-type-metadata-presentation-du-site .element-text,
+#dublin-core-description .element-text
+{
+ text-align: justify;
+}
+
+
+/* mettre un point-virgule entre les champs en ligne */
+.item.show .element-set > div > .element-text > *:after
+{
+ content: ";";
+}
+
+/* enlève le point virgule sur le dernier élément des champs en ligne */
+.item.show .element-set > div > .element-text:last-of-type > *:after
+{
+ content: "";
+}
+
+/* corrige le fond blanc des icones google maps sur la page item*/
+#geolocation img{
+ background-color: transparent !important;
+}
+
+
+div#geolocation{
+ margin-bottom: 1em;
+ float: right;
+}
+
+/* debut formats de sortie -------------------------------- */
+/* formats de sortie en ligne (xml- atom ect ...)*/
+#item-output-formats li{
+ display: inline-block;
+}
+ul#output-format-list{
+ padding-left: 0;
+ margin-top: 0;
+}
+/* insère le tube entre chaque élément */
+#item-output-formats li:after{
+ content: " | ";
+}
+/* enlève le tube après le dernier élément */
+#item-output-formats li:last-of-type:after
+{
+ content: "";
+}
+/* fin formats ---------------------------------------- */
+
+
+
+/* enlève les cases vides du tableau item-relation */
+#item-relations-display-item-relations tr:nth-child(n+2) td:first-child{
+ display: none;
+}
+
+
+/* place le texte sur la moitié de la page et la carte et les images sur l'autre */
+.item.show #content > .element-text:first-of-type {
+ width: 48%;
+ float: right;
+}
+
+.item.show .element-set > div{
+ width: 48%;
+}
+
+.item.show .item-file img{
+ max-width: 100%;
+}
+
+
+
+/* fin page item-------------------------------------------------------------------------------------------------------------------- */
+
+
+/*
+*
+* CAROUSEL page item
+*
+*/
+
+.jcarousel-wrapper a{
+ cursor: pointer;
+ -webkit-user-select: none; /* Safari */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* IE10+/Edge */
+ user-select: none;
+}
+.jcarousel, .jcarousel ul{
+ height: 100%;
+ display: table;
+}
+.jcarousel .carousel-item{
+ float: none;
+ display: table-cell;
+ height: 100%;
+ vertical-align: middle;
+}
+.jcarousel .item-file{
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+}
+
+.jcarousel img{
+ max-height: 70vh;
+}
+.jcarousel-pagination{
+ position: static;
+ /* -webkit-transform: none; */
+ margin: auto;
+ display: table;
+}
+.jcarousel .titre{
+ min-height: 3em;
+}
+/* fin carousel------------------------------------------------------------- */
+
+/* tous les items-files qui ne contiennent pas image dans le nom de classe (pdf, txt...) */
+.item-file:not([class*="image"]) *{
+ max-height: 10em;
+}
+
+/* les titres en dessous de chaque fichier associé à l'item */
+.item-file h4{
+ font-size: 12px;
+}
+
+
+/* ---------------------------------------------------------------------------------------------------- */
+/* ----------------------------------- page carte -- géolocalisation -- geolocation ------------------- */
+/* ---------------------------------------------------------------------------------------------------- */
+
+/*
+* corrige le responsive de la page carte:
+*/
+select, textarea, input{
+ max-width: 100%;
+}
+
+/* dimension les lignes de la */
+div#map-links ul{
+ line-height: 15px;
+}
+div#map-links ul li{
+ line-height: 20px;
+ margin-bottom: 0;
+
+}
+
+/* image de la bulle d'info, pour que cela ne déborde pas */
+.gm-style-iw img {
+ max-height: 150px !important;
+ max-width: 100% !important;
+}
+
+
+/* fin geolocalisation--------------------------------------------------------------------------------------- */
+
+
+/*
+*
+*
+* Redimension de la page générale
+*
+*
+*/
+
+#search-form{
+ height: 2em;
+ margin-bottom:0;
+}
+
+
+
+/* redimensionne le nav*/
+ #primary-nav{
+ width: 20%;
+ float: none;
+ display: inline-block;
+ vertical-align: top;
+
+ }
+
+
+
+/**
+*
+*
+*
+* Redimension résultats solr search
+* - limiter avec un scroll + rendre responsive
+*
+*
+*
+*/
+
+#solr-facets ul{
+ margin: 0;
+
+ /* permet d'afficher la barre de scroll seulement quand necessaire*/
+ overflow: auto;
+
+ padding-left: 15px;
+
+ font-size: 12px;
+
+ /* pour que la hauteur fasse 10 lignes */
+ max-height : 200px;
+ list-style-type: none;
+}
+#solr-facets li{
+ line-height: 20px; /* Taille d'une ligne , important pour le max height de ul*/
+}
+/* titres des facettes */
+#solr-facets strong {
+ border-bottom: solid 1px grey;
+ display: block;
+ margin-bottom: 10px;
+ font-size: 15px;
+ -webkit-user-select: none; /* Safari */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* IE10+/Edge */
+ user-select: none;
+ height: 20px;
+}
+
+#solr-facets span {
+ display: inline-block;
+}
+.facet-value{
+ border-bottom: none;
+}
+#solr-facets{
+ display: inline-block;
+ float: none;
+ vertical-align: top;
+ width: 14em;
+ padding-left: 1em;
+}
+#solr-facets h2{
+ font-size: 15px;
+}
+#solr-results{
+ margin-left: 10px;
+ display: inline-block;
+ vertical-align: top;
+ width: calc(90% - 14em);
+ font-size: 14px;
+}
+#num-found{
+ font-size: 20px;
+}
+
+.result .gallery div{
+ display: inline-block;
+ width: 10%;
+ height: auto;
+ overflow: hidden;
+ margin: 5px;
+ padding: 5px;
+ border: solid 1px black;
+}
+.result .gallery div a {
+ border-bottom: none;
+}
+.result .gallery div img{
+ width: 100%;
+ height: 100%;
+ object-fit: scale-down;
+}
+
+/**
+* classes javascripts (solr)
+*/
+
+
+/* facettes "afficher plus"*/
+div.more{
+ font-size: 12px;
+ cursor: pointer;
+ font-weight: bold;
+ margin: 5px;
+}
+
+div.more:hover{
+ text-decoration: underline;
+}
+/* fin solr------------------------------------------------------------------------- */
+
+
+
+/*
+*
+*
+*
+* navigation - navbar
+*
+*
+*/
+
+
+/*
+* correction menu mobile
+*/
+div.menu-button.button{
+ max-width: 100%;
+ margin: 0;
+}
+
+
+
+
+/* barre de recherche arrondie*/
+div#search-container input#query {
+ border-radius: 15px;
+}
+
+#search-container button{
+ border-radius: 0 15px 15px 0;
+ border: outer solid 1px black;
+}
+
+
+ /* Deux différentes navbar */
+/* ------------------------------------------------------------------------------------------------- début navabr colonne*/
+
+
+/* NAV BAR COLONNE */
+
+
+
+ /* li.nav-item{ */
+ /* background-color: rgba(240, 240, 240, 0.9) !important; */
+ /* border-radius: 10px; */
+ /* margin-bottom: 10px; */
+ /* box-shadow: 2px 2px 2px black; */
+ /* } */
+ /* li.nav-item:hover{ */
+ /* background-color: white !important; */
+
+ /* } */
+
+ /* li.nav-item a{ */
+ /* border: 0! important; */
+ /* } */
+
+ /* .nav-menu{ */
+ /* border: 0 !important; */
+ /* } */
+ /* #primary-nav{ */
+ /* margin-left: 1em; */
+ /* } */
+
+ /* @media screen and (min-width: 767px){ */
+ /* ul.navigation.nav-menu{ */
+ /* display: block !important; */
+ /* } */
+ /* } */
+ /* #content{ */
+ /* display: inline-block !important; */
+ /* width: 75%; */
+ /* margin: 0 !important; */
+ /* } */
+
+
+
+/* --------------------------------------------------------------------------------------------------fin navbar colonne - début navbar ligne */
+
+
+/* NAV BAR LIGNE + barre de recherche au milieu */
+
+
+#primary-nav{
+ margin: 0;
+ width: 100%;
+ display: block;
+}
+
+ul.navigation.nav-menu{
+ height: 1em;
+
+ background-color: #fafafa;
+ height: auto;
+ display: flex;
+ flex-flow: row wrap;
+ font-size: 15px;
+ border-bottom: solid 1px #ccc;
+}
+
+ul.navigation.nav-menu li.nav-item{
+ vertical-align: top;
+ height: 100%;
+ width: auto !important;
+ background-color: #fafafa !important;
+
+}
+ul.navigation.nav-menu li.nav-item a:hover, ul.navigation.nav-menu li.nav-item.active a{
+ color: orange !important;
+}
+ul.navigation.nav-menu li.nav-item a {
+ text-align: center;
+ width: auto;
+ border: solid 1px #ccc;
+ word-break: keep-all;
+ padding-top: 5px !important;
+ padding-bottom: 5px !important;
+}
+
+ul.navigation.nav-menu li.nav-item:last-child a {
+ border-right: solid 2px #ccc;
+}
+
+/* enleve le symbole fleche devant les items du menu */
+#primary-nav ul.navigation > li a:before{
+ content:"";
+}
+
+
+/* redimmensionne la barre de recherche sur toutes les pages */
+#search-container{
+ width: 30em;
+ margin: auto;
+ margin-top: 1em;
+}
+
+/* cache la deuxieme barre dans la page solr search */
+#solr-search-form{
+ display: none;
+}
+
+
+ /* ----------------------------------------------------------------- */
+ /* ----------------mettre navbar ligne au milieu sans bordures------------ */
+ /* ----------------------------------------------------------------- */
+ ul.navigation.nav-menu{
+ justify-content: center;
+ border: 0;
+ }
+
+ ul.navigation.nav-menu li a {
+ border: 0 !important;
+ color: #603416;
+ font-weight: bold !important;
+ }
+ /* ----------------------------------------------------------------- */
+
+
+
+ul.navigation.nav-menu li a:hover{
+ font-weight: bold !important;
+}
+
+/* corrige le bug qui faisait que le menu mobile faisait disparaitre le menu une fois la fenetre agrandie de nouveau */
+@media screen and (min-width: 767px){
+ ul.navigation.nav-menu{
+ display: flex !important;
+ }
+
+}
+
+
+/* ------------------------------------------------------------------------------------------------------ fin navbar ligne */
+
+
+
+
+ /* header - BANDEAU - bannière*/
+
+header {
+ border: none;
+ background-position: left top !important;
+ /* background-attachment: fixed; */
+
+
+
+ /* ---- mettre le logo du site au milieu du header verticalement */
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ box-sizing: border-box;
+ position: relative;
+}
+
+
+
+/*pour hiscant */
+header{
+ height: 254px;
+ height: calc(100vw / 1922 * 254);
+ background-size: contain !important;
+
+}
+
+
+/* icones dans le header (.header-icons est le conteneur)*/
+header .header-icons{
+ position: absolute;
+ bottom: 5px;
+ height: 40px;
+ width:100%;
+ z-index: 1000;
+}
+
+
+.header-icons img{
+ box-sizing: border-box;
+ max-height: 90%;
+ float: right;
+ margin: 0 15px;
+}
+
+.shareMenu{
+ background-color: white;
+ position: absolute;
+ top: 45px;
+ right: 5px;
+ display: none;
+ overflow: hidden;
+ max-width: 220px;
+ height: auto;
+ border-radius: 10px;
+ padding: 5px;
+ box-shadow: 1px 1px 1px black;
+}
+.shareMenu div{
+ height: auto;
+ width: 200px;
+ margin-bottom: 5px;
+ background-color: rgb(209, 208, 208);
+ box-shadow: 1px 1px 1px black;
+ border-radius: 10px;
+ padding: 5px;
+ cursor: pointer;
+
+}
+.shareMenu a {
+ text-decoration: none;
+}
+.shareMenu h6{
+ margin: 0;
+ font-size: 13px;
+ font-weight: bold;
+ font-style: normal;
+ color: grey;
+ text-align: center;
+ width: 80%;
+}
+.shareMenu img{
+ width: auto;
+ max-width: 50px;
+ height: auto;
+ max-height: 1.5em;
+
+}
+
+/* logo du site dans le header*/
+/* pour enlever le débordement du logo du header sur la navbar, enelver l'instruction "top: 50px;" */
+#site-title{
+ max-height: 150px;
+ z-index: 10;
+ position: relative;
+ bottom: 5px;
+ padding: 0;
+ /* top: 50px; */
+}
+#site-title img{
+ max-height: 150px;
+ width: 22vw;
+ margin-left: 5vw;
+}
+
+
+
+.shareMenuFleche{
+ float: right;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 5px solid black;
+}
+/* fin header ------------------------------------------------------------------------------------------- */
+
+#wrap{
+ min-height: calc(100vh - 10em)
+}
+
+
+
+/* ----------------footer - pied de page-------------------------- */
+footer{
+
+ /* couleur du texte */
+ color: black;
+
+ /* intensité du gras sur le texte */
+ font-weight: 550;
+
+ border-top: none;
+ padding: 10px;
+ /* box-shadow: 0 -2px 2px -1px black; */
+
+ padding: 0;
+}
+
+footer p {
+ float: none;
+ margin: 0;
+ width : -moz-max-content;
+ width : max-content;
+ width: -webkit-max-content;
+ width: -o-max-content;
+ width: -ms-max-content;
+ padding-left: 1em;
+}
+
+
+
+div#footer-text a{
+ border:0;
+}
+
+
+
+div#footer-text div.footer-logos{
+ /*le flex permet de bien répartir les logos et cela reste responsive*/
+ display: flex;
+ justify-content: space-around;
+ flex-flow: row wrap;
+ align-items: center;
+}
+
+/* si cette ligne est utilisée, reparti différement les logos du footer (chaque boite fera la même longueur) */
+#footer-text .footer-logos span {
+ flex: 1 0 auto;
+ /* width: 30%; */
+}
+#footer-text .footer-logos a {
+ display: table;
+ margin: auto !important;
+ vertical-align: middle;
+}
+div#footer-text img{
+/*les marges autour des logos évitent qu'ils ne se touchent*/
+margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-top: 10px;
+ margin-bottom: 10px;
+/*ci-dessous, dimensions imposées aux logos*/
+ max-height: calc(6em);
+ max-width: calc(12em);
+ object-fit: scale-down;
+ vertical-align: middle;
+}
+
+@media screen and (max-width: 768px){
+ #footer-text .footer-logos span {
+ box-sizing: border-box;
+ flex: none;
+ width: auto;
+ height: auto;
+ max-width: 30%;
+}
+
+ div#footer-text img{
+ /* box-sizing: border-box; */
+ height: 100%;
+ width: 100%;
+ max-height: 4em;
+ max-width: 90%;
+ }
+
+
+
+}
+/* Correspond au paragraphe "Fièrement propulsé par Omeka" */
+#footer-text p:last-of-type{
+ margin-left: auto;
+ margin-bottom: 0;
+ display: table;
+ width: auto;
+ display: none;
+}
+#home #footer-text p:last-of-type{
+ display: table;
+}
+/* liens du footer */
+#footer-text .links{
+ margin-bottom: 1em;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+
+}
+#footer-text .links a{
+ margin-left: 3em;
+ margin-right: 3em;
+ color: #603416;
+ font-weight: bold;
+}
+
+#footer-text .links a:hover{
+ color: orange;
+}
+/* fin footer -------------------------------------------------------------------------------------- */
+
+
+
+/*
+* Page exposition : justification du texte
+*
+*/
+
+#exhibit-blocks > .layout-file-text > p,
+#exhibit-blocks > .layout-text > p {
+ font-weight: normal;
+ font-size: 15px;
+ line-height: 20px;
+ text-align: justify;
+}
+/*modification VBD 7 06 2018*/
+#exhibit-blocks > .layout-text .Texte> p {
+ font-weight: normal;
+ font-size: 15px;
+ line-height: 20px;
+ text-align: justify;
+}
+/*fin de modification*/
+
+/*modification VDB 13 juin 2018 formulaire de contact retreci en largeur
+body > #wrap > #content {
+ width: 50%;
+}
+fin de modification VBD 13 juin 2018*/
+
+#contact-form {
+ width: 60%;
+ margin: auto;
+}
+/*modification VBD 13 juin 2018 reduction du send*/
+#contact-form #send {
+ width: auto;
+
+}
+/*modification VBD 13 juin 2018*/
+
+@media screen and (max-width: 800px){
+
+ #contact-form {
+ width: 100%;
+
+}
+
+}
+
+/* -------------------------------------------------------------------------------------------------------------------- */
+
+
+/**
+*
+*
+* MEDIA SCREENS
+*
+*/
+
+
+@media screen and (max-width: 1000px){
+ #content{
+ width: 100%
+ }
+}
+
+@media screen and (max-width: 768px){
+
+ #primary-nav{
+ width: 100%;
+ }
+ #primary-nav ul{
+ width:100%;
+ padding:0;
+ margin: 0 !important;
+ }
+ #solr-search-form{
+ display: none;
+ }
+
+ #content{
+ width: 100% !important;
+ padding: 1em;
+ }
+ div#geolocation{
+ float: none !important;
+ width: auto !important;
+ }
+
+ #site-title{
+ top:0;
+ }
+ #search-container{
+ width: 80% !important;
+ }
+
+ /* header du site, pour le réduire quand la page est petite, pour hiscant */
+ header{
+ height: 100px;
+ background-size: 280% 100% !important;
+ }
+
+ header .header-icons{
+ height: 30px;
+ }
+
+ header #site-title img{
+ width: 200px;
+ max-width: 100%;
+
+
+ }
+}
+
+
+@media screen and (max-width: 500px){
+ h1,h2,h3{
+ font-size: 20px;
+ }
+
+ #solr-results{
+ width: 100%;
+ }
+ #solr-facets{
+ width: 80%;
+ }
+ #solr-facets strong{
+ background-color: lightblue;
+ height: 2em;
+ line-height: 2em;
+ padding-left: 1em;
+ }
+ #solr-facets strong:after{
+ display: block;
+ position: relative;
+ top: -2em;
+ content: url("../images/white_arrow_ie.png");
+ text-align: right;
+ padding-right: 2em;
+ color: white;
+ width :100%;
+ height: 100%
+ }
+
+
+
+ header #site-title{
+ position: absolute;
+ top: 0;
+ }
+
+}
+
diff --git a/themes/default/javascripts/custom.js b/themes/default/javascripts/custom.js
new file mode 100644
index 0000000..58e5cac
--- /dev/null
+++ b/themes/default/javascripts/custom.js
@@ -0,0 +1,504 @@
+//-----------------------------config
+
+//améliore l'html de solr en rangeant les facettes dans des divs avec un id
+// ! important pour le rangement de date
+var ameliorerAffichageSolr = true;
+
+//le tris des facettes sont pensé indépendamments pour que les deux soient utilisables à la fois si les métadonnées le nécéssitent
+
+//trie les facettes "chrononologie" par ordre croissant (chiffres romains)
+var trierChiffresRomains = true;
+//selecteur du tri des chiffres romains
+var selListeTriChiffresRomains = '.Chronologie';
+//trie les facettes "chrononologie" par ordre croissant (chiffres arabes)
+var trierChiffresArabes = false;
+//selecteur du tri des chiffres arabes (div dans laquelle se trouve la balise ul contenant les facettes li)
+var selListeTriChiffresArabes = '.Chronologie';
+
+
+//ameliore les facettes de solrSearch avec un "afficher plus"
+var menuDeroulantSolr = true;
+//nombre de lignes avant le "afficher plus", sachant qu'il y en aura 10 maximum avant d'avoir une scrollbar;
+var nombreFacettesDefault = 3;
+
+
+//déplace la geolocalisation plus haut sur la page d'un item et la place sur la droite.
+var remonterGeoloc = true;
+
+//crée un carousel quand il y a deux images ou plus sur la page d'un item (prend l'image à sa définition originale contrairement au comportement par défaut d'omeka)
+var afficherCarousel = true;
+
+//enleve la date dans le champs citation d'un item
+var enleverDateCitationItem = true;
+
+//ajoute le titre en dessous d'un fichier ajouté sur la page d'un item
+var titreFichierItem = true;
+
+//place les liens en "target=_blank" (ouvre un nouvel onglet) sur les liens des fichiers sur la page item
+var lienNouvelOngletFichierItem = true;
+
+//place des icones réseaux sociaux dans le header
+var reseauxSociaux = true;
+
+
+//insérer 3D sketchfab dans la page item
+var sketchfab = true;
+//correspond au selecteur css dans lequel sera le sketchfab (div dans laquelle il y a un h3 et le element-text)
+var selecteurMetadonneSketchfab = "#sites-mdivaux-item-type-metadata-url-fichier";
+
+//pour youtube, placer juste l'identifiant de la vidéo, placé après de ?v= dans l'url dans un champs dont le selecteur doit etre écrit ci dessous
+var selecteurYoutube = "#dublin-core-creator";
+
+//insere une icone maison dans la navbar
+var iconeMaison = true;
+
+
+
+// ----------------------------fin config
+//-------------------------------------------------------------------------------------------------------------------
+//debut du js
+jQuery(document).ready(function () {
+
+
+ //icones reseaux Sociaux + fluxRSS
+
+ if (reseauxSociaux) {
+ var barreIcones = jQuery('
');
+ barreIcones.ajouterIcone = function (lien, urlImage) {
+ this.append('');
+ }
+ //appeler la meme fonction barreIcones.ajouterIcone(lien,urlImage)
+ //se placent dans l'ordre, de gauche à droite
+ //pour les urls, depuis le HTML ou le javascript, les chemins relatifs sont par rapport au "basepath" du serveur (ici le repertoire www par default)
+ //il est donc important de prêter attention au nom des dossiers du thème si le nom est changé
+ //(contrairement au css qui construit l'url avec une url relative par rapport à l'emplacement de cette feuille CSS)
+ /*prendre exemple sur la ligne ci dessous si un labo veut un lien vers autre chose que facebook*/
+ //pour le rss deux possibilités de lien : "/items/browse?output=rss2" ou "/items/browse?output=atom"
+ /*ci dessous si un labo veut une autre icone wikipedia par exemple on met d abord le lien https://wikipedia... et ensuite le lien vers l image*/
+ barreIcones.ajouterIcone("/items/browse?output=rss2", "/custom/themes/default/logos_img/icones/RSS.png");
+ /*ligne suivante si on veut afficher arula dans les resaux sociaux*/
+ /*barreIcones.ajouterIcone("https://arula.hypotheses.org/","/custom/themes/default/logos_img/icones/hypotheses.png");*/
+
+ barreIcones.ajouterIcone("https://www.facebook.com/Itin%C3%A9raire-M%C3%A9di%C3%A9val-des-sites-Arch%C3%A9ologiques-du-Grand-Est-174694072548853/", "/custom/themes/default/logos_img/icones/facebookIcon.png");
+
+ //popup partage
+ /*modification du chemin du theme custom*/
+ /*custom/themes/NOM DU THEME/logos_img/icones/partage.png*/
+ var partage = jQuery('');
+ barreIcones.prepend(partage);
+ shareMenu = jQuery('
')
+ copyButton.on('click',function(){
+
+ let fant = document.createElement("textarea");
+ shareMenu.append(fant);
+ fant.value=window.location.href;
+ fant.select();
+ document.execCommand("copy");
+ fant.remove();
+
+ });
+ shareMenu.append(copyButton);
+
+ jQuery(document).on('click', function (e) {
+ if (shareMenu.css('display') === 'block' && !jQuery(e.target).is(partage)) {
+ shareMenu.toggle();
+ }
+ });
+ partage.on("click", function () {
+ if (navigator.share === undefined) {
+ shareMenu.toggle();
+ }
+ else {
+ navigator.share({ title: 'share', url: window.location.href });
+ }
+
+ });
+
+
+ // setTimeout(function(){shareMenu.toggle();},300);
+ jQuery('header').append(barreIcones);
+ }
+
+
+ //remplacer texte, donner le selecteur précis dans lequel il n'y a que le texte a remplacer, pas la boite parent
+
+ function remplacerTexte(selecteur,texte){
+ jQuery(selecteur).text(texte);
+ }
+ //copier cette ligne , remplacerTexte(selecteur, texte) les paramètre entre quote
+ remplacerTexte("#home #featured-item h2","Site de la semaine");
+
+
+
+ //ajoute la balise meta qui permet le responsive
+ jQuery("head").append(jQuery(''));
+
+
+
+ // ameliore la mise en page de la geolocalisation sur la page item
+ //vérifie qu'il y a les champs du dublin core affichés dans une div element set avant de mettre la carte à coté pour éviter qu'elle ne se mette n'importe où
+ if (remonterGeoloc && jQuery("#geolocation").length && jQuery('.item.show').length) {
+ let blocApres = jQuery('.item.show #content .element').first();
+ // console.log(blocApres.text());
+ let geoloc = jQuery("#geolocation");
+ blocApres.before(geoloc);
+ }
+
+ //caroussel
+ if (afficherCarousel && jQuery('.item-file[class*="image"] .full').length > 1) {
+ carousel();
+ }
+
+ // enelève le champ "consulté le" dans la citation
+ if (enleverDateCitationItem && jQuery('#item-citation').length) {
+ let contents = jQuery("#item-citation .element-text").contents();
+ contents[2].data = ", ";
+ contents[4].remove();
+ }
+
+
+ // Sur la page d'un item,
+ // ajoute le target _blank (lien sur un nouvel onglet) pour les liens des fichiers ajoutés
+ // et ajoute le titre du fichier
+ if (jQuery('.item.show .item-file').length) {
+ if (titreFichierItem) {
+ jQuery('.item.show .item-file').each(function (n, elem) {
+ let title = elem.firstChild.firstChild.title;
+ let reg=/\.\w+/;
+ if (!title.match(reg)) {
+ let titre = jQuery("
" + title + "
");
+ jQuery(elem).append(titre);
+ }
+ });
+ }
+ if (lienNouvelOngletFichierItem) {
+ jQuery('.item-file .download-file').attr("target", "_blank");
+ }
+
+
+ //met le nom de l'item en page title (affiché sur l'onglet)
+
+ }
+
+ if (jQuery('.item.show').length) {
+ var pageTitle = jQuery('#content > h1').first().text();
+ jQuery('head').append(jQuery('' + pageTitle + ''));
+ }
+
+
+ //cache les boites "vides" de la page d'accueil
+ //quand on ne met pas les contenus en avant ou que l'on active pas l'affichage des dernier contenus,
+ //les boites sont encore présentes même si vides (si elles ont une couleur de background on voir une boite vide car elle sont remplies d'espaces en réalité)
+ if (jQuery('#primary').children().length == 0)
+ jQuery('#primary').css('display', "none");
+ if (jQuery('#secondary').children().length == 0)
+ jQuery('#secondary').css('display', "none");
+
+
+ if (sketchfab && jQuery(selecteurMetadonneSketchfab)) {
+ integrerSketchfab();
+ }
+
+ if(jQuery(selecteurYoutube).length){
+ integrerYoutube();
+ }
+
+
+ if (iconeMaison) {
+ jQuery('#primary-nav > ul.navigation').prepend(jQuery(''));
+ }
+
+ if (ameliorerAffichageSolr && jQuery('.solr').length) {
+ solrWrapFacettes();
+ }
+
+ //améliore les facettes solr search
+ if (menuDeroulantSolr && jQuery("#solr-facets ul").length) {
+ solrPlus();
+ }
+
+ /* if(jQuery("#solr-results").length){
+ let triresults = jQuery("#solr-results .result").sort(function(a,b){
+ let triA = jQuery(a).find(".result-title").text();
+ let triB = jQuery(b).find(".result-title").text();
+ if(triA === triB) return 0;
+ else if(triA > triB) return 1;
+ else return -1;
+ });
+ jQuery('#solr-results').append(triresults);
+ } */
+ if(jQuery('#archologie-mdivale-item-type-metadata-mot-cl').length){
+ let reg = new RegExp(/https?:\/\//g);
+ jQuery('#archologie-mdivale-item-type-metadata-mot-cl .element-text a').each(function(i,elem){
+ let element = jQuery(elem);
+ let text = element.text();
+ // console.log(elem,text.match(reg));
+ if(text.match(reg)){
+ let lien = element.text();
+ element.text('Voir dans le thésaurus PACTOLS');
+ element.attr('target',"_blank");
+ element.attr("href",lien);
+ element.css('margin-left',"2em");
+ }
+ });
+ }
+});
+
+
+
+// init: function(){
+// var allStrongs = jQuery("#solr-facets strong");
+// allStrongs.append(' ▼');
+// allStrongs.css("cursor","pointer");
+// jQuery("#solr-facets ul").hide();
+
+// jQuery("#solr-facets strong").on("click", function(){
+// let strong = jQuery(this); // le type de facette (en gras)
+// let ul = jQuery(this.nextElementSibling); //la liste de facettes
+// ul.slideToggle();
+
+// strong.children().toggleClass("rotate");
+// });
+// }
+
+
+
+
+
+
+function roman_to_Int(num) {
+ let roman = ['I', 'IV', 'V', 'IX', 'X', 'XL', 'L', 'XC', 'C', 'CD', 'D', 'CM', 'M'];
+ let value = [1, 4, 5, 9, 10, 40, 50, 90, 100, 400, 500, 900, 1000];
+ let str = 0;
+ for (let i = 12; i >= 0; i--) {
+ while (num.indexOf(roman[i]) === 0) {
+ let reg = new RegExp(roman[i])
+ num = num.replace(reg, '');
+ str += value[i];
+ }
+ }
+ return str;
+}
+
+var solrWrapFacettes = function () {
+ jQuery("#solr-facets strong").each(function () {
+ let nomFacette = jQuery(this);
+ let classFacette = nomFacette.text().replace(/\s/g, '');
+ let listeFacettes = nomFacette.next();
+ let affPlus = listeFacettes.next();
+
+ nomFacette.wrap('');
+ jQuery('.' + classFacette + '').append(listeFacettes);
+ if (affPlus.hasClass('more')) {
+ jQuery('.' + classFacette + '').append(affPlus);
+ }
+
+ });
+
+ if(trierChiffresRomains){
+ // console.log("test")
+ var triRomains = jQuery('#solr-facets '+selListeTriChiffresRomains+" li").sort(function (a, b) {
+ let texta = jQuery(a).text().replace(/\s/g, '');
+ let textb = jQuery(b).text().replace(/\s/g, '');
+ let reg = new RegExp(/[IVXLCDM]+/);
+ let negReg = new RegExp(/(\-)[IVXLCDM]+/);
+ let aNeg = negReg.exec(texta);
+ let bNeg = negReg.exec(textb);
+
+ texta = reg.exec(texta)[0];
+ textb = reg.exec(textb)[0];
+
+ let inta = roman_to_Int(texta);
+ let intb = roman_to_Int(textb);
+ if(aNeg) inta = -inta;
+ if(bNeg) intb = -intb;
+ // console.log(texta,aNeg,bNeg,textb,inta,intb);
+ if(inta>intb) return 1;
+ else if (inta===intb) return 0;
+ else return -1;
+ });
+ jQuery('#solr-facets '+selListeTriChiffresRomains+" ul").append(triRomains);
+ }
+
+
+ if(trierChiffresArabes){
+
+ var triArabes = jQuery('#solr-facets '+selListeTriChiffresArabes+" li").sort(function (a, b) {
+ let texta = jQuery(a).text().replace(/\s/g, '');
+ let textb = jQuery(b).text().replace(/\s/g, '');
+ texta=texta.replace(/\([0-9]+\)/g,'');
+ textb=textb.replace(/\([0-9]+\)/g,'');
+ let reg = new RegExp(/(\-)?[0-9]+/g);
+ // console.log(texta,textb);
+ texta = reg.exec(texta);
+ textb = reg.exec(textb);
+ // console.log(texta,textb);
+ let inta = parseInt(texta);
+ let intb = parseInt(textb);
+ if(isNaN(inta)) inta = 999999999;
+ if(isNaN(intb)) intb = 999999999;
+ // console.log(inta,intb);
+
+ if(inta>intb) return 1;
+ else if (inta===intb) return 0;
+ else return -1;
+ });
+ jQuery('#solr-facets '+selListeTriChiffresArabes+" ul").append(triArabes);
+ }
+}
+
+
+var solrPlus = function () {
+ var param = nombreFacettesDefault;
+ var allUl = jQuery("#solr-facets ul");
+ allUl.each(function () {
+ var ul = jQuery(this);
+ var allLi = ul.children();
+ var longueur = allLi.length;
+ if (longueur > param) {
+ var cache = allLi.slice(param, longueur);
+ cache.hide();
+ let diff = longueur - param;
+ let afficherPlus = jQuery('
Afficher plus (' + diff + ')
');
+ ul.after(afficherPlus);
+ afficherPlus.on("click", function () {
+ cache.toggle();
+ let texte = afficherPlus.html();
+ if (texte.includes("plus"))
+ afficherPlus.html(texte.replace("plus", "moins"));
+ else
+ afficherPlus.html(texte.replace("moins", "plus"));
+ });
+
+
+ }
+
+ });
+
+}
+
+
+
+
+function carousel() {
+ var ul = jQuery("
');
+ barreIcones.prepend(partage);
+ shareMenu = jQuery('
'));
+ }
+
+ if (ameliorerAffichageSolr && jQuery('.solr').length) {
+ solrWrapFacettes();
+ }
+
+ //améliore les facettes solr search
+ if (menuDeroulantSolr && jQuery("#solr-facets ul").length) {
+ solrPlus();
+ }
+
+ /* if(jQuery("#solr-results").length){
+ let triresults = jQuery("#solr-results .result").sort(function(a,b){
+ let triA = jQuery(a).find(".result-title").text();
+ let triB = jQuery(b).find(".result-title").text();
+ if(triA === triB) return 0;
+ else if(triA > triB) return 1;
+ else return -1;
+ });
+ jQuery('#solr-results').append(triresults);
+ } */
+ if(jQuery('#archologie-mdivale-item-type-metadata-mot-cl').length){
+ let reg = new RegExp(/https?:\/\//g);
+ jQuery('#archologie-mdivale-item-type-metadata-mot-cl .element-text a').each(function(i,elem){
+ let element = jQuery(elem);
+ let text = element.text();
+ // console.log(elem,text.match(reg));
+ if(text.match(reg)){
+ let lien = element.text();
+ element.text('Voir dans le thésaurus PACTOLS');
+ element.attr('target',"_blank");
+ element.attr("href",lien);
+ element.css('margin-left',"2em");
+ }
+ });
+ }
+});
+
+
+
+// init: function(){
+// var allStrongs = jQuery("#solr-facets strong");
+// allStrongs.append(' ▼');
+// allStrongs.css("cursor","pointer");
+// jQuery("#solr-facets ul").hide();
+
+// jQuery("#solr-facets strong").on("click", function(){
+// let strong = jQuery(this); // le type de facette (en gras)
+// let ul = jQuery(this.nextElementSibling); //la liste de facettes
+// ul.slideToggle();
+
+// strong.children().toggleClass("rotate");
+// });
+// }
+
+
+
+
+
+
+function roman_to_Int(num) {
+ let roman = ['I', 'IV', 'V', 'IX', 'X', 'XL', 'L', 'XC', 'C', 'CD', 'D', 'CM', 'M'];
+ let value = [1, 4, 5, 9, 10, 40, 50, 90, 100, 400, 500, 900, 1000];
+ let str = 0;
+ for (let i = 12; i >= 0; i--) {
+ while (num.indexOf(roman[i]) === 0) {
+ let reg = new RegExp(roman[i])
+ num = num.replace(reg, '');
+ str += value[i];
+ }
+ }
+ return str;
+}
+
+var solrWrapFacettes = function () {
+ jQuery("#solr-facets strong").each(function () {
+ let nomFacette = jQuery(this);
+ let classFacette = nomFacette.text().replace(/\s/g, '');
+ let listeFacettes = nomFacette.next();
+ let affPlus = listeFacettes.next();
+
+ nomFacette.wrap('');
+ jQuery('.' + classFacette + '').append(listeFacettes);
+ if (affPlus.hasClass('more')) {
+ jQuery('.' + classFacette + '').append(affPlus);
+ }
+
+ });
+
+ if(trierChiffresRomains){
+ // console.log("test")
+ var triRomains = jQuery('#solr-facets '+selListeTriChiffresRomains+" li").sort(function (a, b) {
+ let texta = jQuery(a).text().replace(/\s/g, '');
+ let textb = jQuery(b).text().replace(/\s/g, '');
+ let reg = new RegExp(/[IVXLCDM]+/);
+ let negReg = new RegExp(/(\-)[IVXLCDM]+/);
+ let aNeg = negReg.exec(texta);
+ let bNeg = negReg.exec(textb);
+
+ texta = reg.exec(texta)[0];
+ textb = reg.exec(textb)[0];
+
+ let inta = roman_to_Int(texta);
+ let intb = roman_to_Int(textb);
+ if(aNeg) inta = -inta;
+ if(bNeg) intb = -intb;
+ // console.log(texta,aNeg,bNeg,textb,inta,intb);
+ if(inta>intb) return 1;
+ else if (inta===intb) return 0;
+ else return -1;
+ });
+ jQuery('#solr-facets '+selListeTriChiffresRomains+" ul").append(triRomains);
+ }
+
+
+ if(trierChiffresArabes){
+
+ var triArabes = jQuery('#solr-facets '+selListeTriChiffresArabes+" li").sort(function (a, b) {
+ let texta = jQuery(a).text().replace(/\s/g, '');
+ let textb = jQuery(b).text().replace(/\s/g, '');
+ texta=texta.replace(/\([0-9]+\)/g,'');
+ textb=textb.replace(/\([0-9]+\)/g,'');
+ let reg = new RegExp(/(\-)?[0-9]+/g);
+ // console.log(texta,textb);
+ texta = reg.exec(texta);
+ textb = reg.exec(textb);
+ // console.log(texta,textb);
+ let inta = parseInt(texta);
+ let intb = parseInt(textb);
+ if(isNaN(inta)) inta = 999999999;
+ if(isNaN(intb)) intb = 999999999;
+ // console.log(inta,intb);
+
+ if(inta>intb) return 1;
+ else if (inta===intb) return 0;
+ else return -1;
+ });
+ jQuery('#solr-facets '+selListeTriChiffresArabes+" ul").append(triArabes);
+ }
+}
+
+
+var solrPlus = function () {
+ var param = nombreFacettesDefault;
+ var allUl = jQuery("#solr-facets ul");
+ allUl.each(function () {
+ var ul = jQuery(this);
+ var allLi = ul.children();
+ var longueur = allLi.length;
+ if (longueur > param) {
+ var cache = allLi.slice(param, longueur);
+ cache.hide();
+ let diff = longueur - param;
+ let afficherPlus = jQuery('