/**
 * Styles utilisés par le site BibPatNumMines pour la bibliothèque patrimoniale
 * numérique de Mines ParisTech.
 *
 * Basé sur Omeka Berlin et Seasons auxquels ont été intégrés les spécificités
 * du site de Mines ParisTech.
 *
 * Le squelette est séparé et placé dans skeleton.css.
 */

/* Table of Contents
==================================================
    #Reset
    #Generic
    #Header
    #Recherche
        #Bouton de recherche
        #Recherche avancée
        #Page de résultats
    #Navigation
    #Contenu
    #Tabs (ex-mosaïque/Panneau)
    #Footer
        #Partenaires
        #Plan de site
    #Pagination
    #Homepage
    #Notices
        #Dublin Core
        #BookReader
        #OpenLayersZoom
        #Carousel
        #Scripto
        #Recherche
    #Pages
        #Ariane
        #SimplePages
        #Exhibit
        #Sous-menu
    #AdminBar
    #Divers
        #Sort links
        #Boutons
        #Tags
        #Réseau (partage header/footer)
    #Print
    #Non intégrés
==================================================*/

/*****************************
 * Reset
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *****************************/
html, body, div, span, applet, object, iframe,
header, footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
img {
    border: 0 none ;
}
img a {
    border: none
}

/*****************************
 * Generic
 *****************************/
body {
    background: url(../images/degrade.jpg) repeat-x #212122;
    color: #333;
    font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
/*    font: 300 1em/2em Ubuntu,sans-serif; */
    font: 300 16px/24px Ubuntu,sans-serif;
    word-wrap: break-word;
    z-index: 1;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center-div {
    left: auto;
    right: auto;
    text-align: center;
}
.fullsize {
    margin-right: 10px
}
.highlight {
  background-color: #FFFF00;
  font-weight: bold;
}
/* -- Headings -- */
h1 {
    font-size: 2.4em;
    letter-spacing: .1em;
    line-height: 1em;
    margin-bottom: .5em;
    text-transform: uppercase;
}
h1,
h2,
h3 {
    color: #015581;
    font-family: 'Gill Sans', sans-serif;
    font-weight: normal;
}
h2 {
    font-size: 1.8em;
    line-height: 1.5em;
    margin-bottom: 0;
}
h3 {
    color: #015581;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 1.2em;
}
h4 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
/*    margin-bottom: 1.5em; */
}
h5 {
    font-size: 1em;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 1.3em;
}
h6 {
    color: #666;
    font-size: 1.2em;
    line-height: 1.5em;
}
blockquote {
    font-style: italic;
    margin: 0 3em;
}
q {
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px;
}

/* TO BE REMOVED / SIMPLIFIED*/
h1 a,
h2 a,
h3 a,
#tabs a,
footer #communication li a#plandesite-bouton:hover,
.navigation a,
#site-title a,
.page #page a,
.tags a,
.search-result a,
#exhibit-pages ul a,
#exhibit-items ul a,
.horiz #primary a,
.item-meta a {
    text-decoration: none
}
/* -- Misc Block elements -- */
p,
ul,
ol,
dl {
    font-size: .8em;
    line-height: 1.2em;
    margin-bottom: .7em;
}
li * {
    font-size: 1em
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom:0;
}
/* -- Misc Inline elements -- */
em,
i {
  font-style:italic;
}
strong,
b {
  font-weight:bold;
}
abbr,
acronym {
  border:none;
  font-style:normal;
}
blockquote {
  margin:0 3em;
  font-style:italic;
}
dt {
  font-weight:bold;
}
dd {
  margin-left:1.5em;
}
pre {
    font-size: .8em;
}
/* -- Tables -- */
table {
    width: 100%;
}
th,
td {
    border-bottom: 1px solid #ccc;
    font-size: .8em;
    line-height: 1.2em;
    margin: 0;
    padding: .5em 0;
}
th {
    border-width: 3px;
    text-align: left;
}
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}
/* -- Links -- */
a:hover,
a:active {
/*    color: #ff8000; */
    color: #F0F0F0;
}
a:link,
a:visited {
    color: #369;
}
#wrap {
    background: url(../images/visage.jpg) no-repeat #212122;
    margin: 12px auto 36px;
    padding: 18px 18px 0;
    width: auto;
    z-index: 2;
}
.mines {
    background-color: transparent;
}
.bleu-vert.mpt {
    background-color: #00908E;
}
.bleu.mpt {
    background-color: #00A0DA;
}
.orange.mpt {
    background-color: #F2B23D;
}
.rouge.mpt {
    background-color: #D2331B;
}
.violet.mpt {
    background-color: #645693;
}

/*10/07/2017 : pour attribuer des couleurs unique à chaque présentation de collections des tabs */
.vert.mpt {
    background-color: #599f58;
}
.moutarde.mpt {
    background-color: #c4a525;
}

/*****************************
 * Header
 *****************************/
#site-title {
    color: #015581;
    font-family: 'Gill Sans', sans-serif;
    font-size: 3.6em;
    font-weight: normal;
    letter-spacing: .2em;
    text-transform: uppercase;
}
header #logo a img {
    height: 118px;
    width: 142px;
}

/* 10/07/2017 : permet d’isoler les liens « mines paristech » et « bibliothèque » un peu plus vers le haut */
#header-tools {
    margin-bottom : 30px;
}
/**
 * Menu principal
 */
#plandesite div ul li a:hover {
    background-image: url(../images/puce-plus-ocre.gif);
    color: #F8B740;
}
header #site-light-title {
    color: #FFFFFF;
    font-weight: bold;
    margin: 12px 10px 0 0;
    width: 270px;
}
header #site-title {
    margin: 6px 0 0
}
header #site-title span,
header #site-title a {
    color: #F8B740;
    font-family: UniversLTStd47LightCondensed;
    font-size: .6em;
    font-weight: normal;
    letter-spacing: normal;
    line-height: .9em;
    text-transform: uppercase;
}
header a.header-link {
    background: url(../images/puce-triangle-ocre.png) no-repeat scroll 0 8px transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: .8em;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding-left: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
header a.header-link:hover,
#advanced-form p a:hover {
    color: #F8B740
}
header.container,
#advanced-search-form .field .remove_search {
    margin-bottom: 1.5em
}
header:after,
nav.top:after,
#content:after,
footer:after {
    clear: both;
    content: "";
    display: table;
}
#header-image {
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    height: 100px;
    overflow: hidden;
}
#header-image img {
    max-width: 100%
}

/*****************************
 * Recherche
 *****************************/
input#featured,
input#public {
    display: block;
    float: left;
}

/* Bouton recherche dans le header */

/* 10/07/2017 permet de mettre plus d’espace entre la barre de recherche et les menus de navigation */
#search-tool {
    margin-top : 50px;
}

#search-container a {
    color: #F8B740;
    display: inline-block;
    line-height: 1.9em;
    margin-left: 0;
    margin-top: -2px;
    text-decoration: none;
}
#search-container #advanced-search.button {
    -moz-box-sizing: content-box;
    display: block;
    float: left;
    font-weight: bold;
    height: 35px;
    left: 85%;
    line-height: 30px;
    padding: 0;
    text-indent: -9999px;
    top: 0;
    width: 15%;
}
#search-container input {
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 3px;
}
#search-container input[type=checkbox],
#search-container input[type=radio] {
    background: transparent; /* IE */
}
#search-container input[type=submit] {
    background: #369;
    border: 0;
    color: white;
    left: 65%;
    padding: 2px;
    position: absolute;
    top: 0;
    width: 25%;
}
#search-container input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    behavior: url(../javascripts/boxsizing.htc);
    box-sizing: border-box;
    width: 65%;
}
#search-container input[type=text],
#search-container input[type=submit] {
    color: black;
    font-size: 1em;
    height: 30px;
    line-height: 2em;
}
#search-container input[type=text],
#search-container input[type=submit],
#search-container #advanced-search {
    height: 35px;
    margin-bottom: .1em;
}
a#advanced-search.button {
    border: 0;
    right: 0;
    top: 0;
    width: 10%;
}
#advanced-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    behavior: url(../javascripts/boxsizing.htc);
    box-sizing: border-box;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    left: 90%;
    top: 0;
    width: 10%;
}
#advanced-search:after {
    background: #369;
    background-color: #F8B740;
    border-radius: .7em .7em .7em .7em;
    color: #252525;
    content: "+";
    display: block;
    height: 35px;
    line-height: 35px;
    margin-top: -1.75em;
    text-align: center;
    text-indent: 0;
}
#advanced-search:after:hover {
    background-color: #FFA030;
    border-radius: .7em .7em .7em .7em;
    color: #252525;
    height: 35px;
    line-height: 35px;
}

/* Page de recherche avancée */
#advanced-form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #3E3E3F;
    behavior: url(../javascripts/boxsizing.htc);
    border: 1px solid #e7e7e7;
    border-color: #313131;
    border-radius: .7em .7em .7em .7em;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
    box-sizing: border-box;
    clear: both;
    color: #C1C1C1;
    display: none;
    left: 0;
    margin-top: 2px;
    overflow: auto;
    padding: 1.5em 16px;
    position: absolute;
    text-align: left;
    top: 35px;
    z-index: 1011;
}
#advanced-form p a {
    background: url(../images/puce-triangle-ocre.png) no-repeat scroll 0 8px transparent;
    color: #FFFFFF;
    font-style: italic;
    padding-left: 12px;
}
#advanced-search-form .field div :only-child {
    margin-bottom: 0
}
#advanced-search-form .field {
    border-bottom: 1px solid #000000;
    overflow: auto;
    padding: 1.5em 0;
    width: 100%;
}
#advanced-search-form .field .inputs {
    clear: none;
    float: right;
    width: 69%;
}
#advanced-search-form .field .two.columns.alpha {
    float: left;
    margin: 0;
    width: 29%;
}
#advanced-search-form .field div.field:last-of-type {
    display: inline-block;
    margin-bottom: 1em;
}
#advanced-search-form .field input,
#advanced-search-form .field input[type=text],
#advanced-search-form .field select {
    float: right;
    width: 97%;
}
#advanced-search-form .field label {
    float: left;
    margin: 0;
    width: 29%;
}
#advanced-search-form .inputs {
    clear: both
}
#advanced-search-form .submit {
    float: right;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
#advanced-search-form button {
    clear: both;
    float: right;
    margin: 0;
    width: auto;
}
#advanced-search-form input,
#advanced-search-form select {
    display: block;
    margin-bottom: 1.5em;
    width: 100%;
}
#advanced-search-form input[type=submit],
#advanced-search-form button {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    clear: both;
    width: auto;
}
#advanced-search-form label,
#advanced-search-form .label {
    clear: left;
    color: #000000;
    display: inline-block;
    font-size: .8em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 40px 0 .7em;
}
#advanced-search-form,
#sousmenu {
    margin-bottom: 40px
}
#advanced-search-form .search-entry select,
#advanced-search-form .search-entry input[type="text"] {
    float: left;
    min-width: 148px;
    width: 29%;
    margin-right: 6px;
}
/* Obligé de le mettre comme ci-dessus suite à un bug incompréhensible
avec Firefox 29 sur Mac et Linux */
#search-narrow-by-fields .search-entry select,
#search-narrow-by-fields .search-entry input[type="text"] {
    float: left;
    min-width: 148px;
    width: 29%;
    margin-right: 6px;
}
#advanced-search-form button.remove_search {
    float: none;
}
#content #advanced-search-form {
    padding: 0 10px
}
#search-filters{
    margin-top: 6px;
}
#search-filters ul li ul {
    display: inline;
    margin-left: 10px;
}
#search-filters ul li ul li:after {
    content: ", "
}
#search-filters ul li ul li:last-of-type:after {
    content: ""
}
#search-filters > ul > li {
    background: url("../images/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 0 0 0 21px;
}
#search-form fieldset fieldset {
    margin-bottom: 20px
}
#search-form input[type=submit] {
    background: none repeat scroll 0 0 #F8B740;
    border-radius: 0 .7em .7em 0;
    cursor: pointer;
    float: left;
    padding: 0;
    position: inherit;
    text-transform: uppercase;
    width: 15%;
}
#search-form input[type=submit]:hover {
    background-color: #FFA030
}
#search-form input[type=text] {
    background: url(../images/recherche-fond-blanc.png) no-repeat scroll 0 0 white;
    border-radius: .7em 0 0 .7em;
    float: left;
    font-size: .875em;
    line-height: 1.5em;
    padding-left: .7em;
    padding-top: 1em;
    width: 70%;
}
#primary #advanced-search-form .field {
    font-size: 1em;
    margin-bottom: 0;
}
/* Page des résultats */
.search-result {
    border-bottom: 1px solid #000000;
    display: inline-block;
    padding-top: 6px;
}
.search-result h3 {
    font-size: .8em;
    margin-bottom: 2px;
    color : #F8B740;
}
.search-result-title {
    font-weight: bold
}
#primary form {
    overflow: hidden;
    padding: 10px 0;
}
#primary form .field {
    clear: both;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
#primary form .field label {
    display: block;
    float: left;
    margin-right: 5px;
}
#primary form #submit_search {
    clear: both;
    float: left;
    margin-top: 10px;
}

.quick-filter-wrapper {
/*    height: 25px; */
background: url("../images/select-arrow-white.png") no-repeat scroll 90% center rgba(0, 0, 0, 0);
/*    border: 1px solid #D8D8D8; */
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1), 0 -1px 0 0 rgba(0,0,0,.07) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1), 0 -1px 0 0 rgba(0,0,0,.07) inset;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1), 0 -1px 0 0 rgba(0,0,0,.07) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    float: left;
/*    line-height: 1.5em; */
    margin: 0px 0px 20px 0px;
    padding: 0;
    z-index: 15;
}
.quick-filter-wrapper ul {
    background: #fff;
/*    border: 1px solid #D8D8D8; */
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:absolute;
    left:-9999px;
    min-width:122px;
    top:0;
    padding: 0;
    z-index: 1001;
}
.quick-filter-wrapper li {
    float:left;
    position:relative;
    list-style: none;
}
.quick-filter-wrapper li a,
.quick-filter-wrapper li span {
    min-width: 105px;
    display:block;
    float:left;
/*    color:#666; */
/*    padding: 2px 10px 2px 10px; */
    padding: 0.5em 1em;
    text-decoration:none;
}
.quick-filter-wrapper ul li { margin:0; }
.quick-filter-wrapper ul li a { min-width:105px; }
.quick-filter-wrapper ul li:hover:first-child { background-color:#fff; }
.quick-filter-wrapper ul li:hover { background-color:#ccc; }
.quick-filter-wrapper li a:active + ul.dropdown,
.quick-filter-wrapper li a:focus + ul.dropdown { left: 0; }
.quick-filter-wrapper li a:focus { outline: none; }
.quick-filter-wrapper li ul:hover { left: 0; }

#item-metadata .remove-element {
    display: none;
}


/*****************************
 * Navigation
 *****************************/
nav#primary-nav li {
    margin-right: 34px;
    width: auto;
}
nav#primary-nav li a {
    background: none repeat scroll 0 0 transparent;
    border: 0;
    border-bottom: 8px solid #787878;
    color: #FFFFFF;
    display: block;
    font-size: inherit;
    font-weight: bold;
    padding-bottom: 0;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    width: auto;
}
nav#primary-nav li a:hover {
    background: none repeat scroll 0 0 transparent;
    border-color: #F8B740;
    color: #F8B740;
}
nav#primary-nav li:first-child a,
nav#primary-nav li:last-child a {
    border-left: 0;
    border-right: 0;
}
nav#primary-nav li:last-of-type {
    margin-right: 0
}
nav#primary-nav ul {
    font-size: large;
    margin: 0;
}
#primary-nav {
    clear: both;
    position: relative;
    zoom: 1;
}
#primary-nav a {
    background: #fafafa;
    border: 1px solid #ccc;
    border-width: 1px 1px 0;
    display: block;
    padding: 9px 0;
    text-decoration: none;
    width: 143px;
}
#primary-nav a:hover {
    background: #fff
}
#primary-nav li {
    float: left;
    text-align: left;
    text-indent: 18px;
}
#primary-nav li ul li:hover > ul {
    left: 144px;
    position: absolute;
    top: 0;
}
#primary-nav li:first-child a {
    border-left: 1px solid #ccc
}
#primary-nav li:hover ul li:last-child {
    border-bottom: 1px solid #ccc
}
#primary-nav li ul,
#primary-nav li ul ul,
#mobile-nav {
    display: none
}



.secondary-nav {
    border-bottom: 1px solid #ccc;
    margin-bottom: .5em;
}
.secondary-nav a {
    background-color: #666;
    color: #FFFFFF;
    padding: .5em 1em;
}
.secondary-nav li.active a {
    background: #fff;
    color: #333;
    font-weight: bold;
}
.navigation {
    list-style: none;
    margin-left: 0;
}
.navigation li,
#search-filters li ul li {
    display: inline-block
}
.secondary-nav a:hover,
#sort-links-list li a:hover {
    background-color: #F8B740;
    color: #000;
    text-decoration: none;
}

/*****************************
 * Contenu
 *****************************/
.alert-info {
    color: #468847;
    font-style: italic;
}
#content {
    background: none repeat scroll 0 0 transparent;
    border: none;
    margin: auto auto 15px;
/*    overflow: hidden; */
    zoom: 1;
}
#content #intro p {
    color: #FFFFFF;
    font-size: .8em;
    font-weight: normal;
}
#collection-items #item-texts td a,
#collection-items .item.hentry .row h3 {
    font-size: .8em
}
#content #tabs section h2,
.exhibit-pages h2 {
    color: #FFFFFF;
    font-size: .8em;
/*    letter-spacing: 0.1em; */
    line-height: 1em;
    margin-bottom: .5em;
    padding: 3px;
/*    text-transform: uppercase; */
    vertical-align: middle;
font-weight: bold;
}
#content #tabs section .item.hentry h2 {
    font-weight: normal;
}
/* TODO Bug sur Safari non complètement corrigé. */
.collections.browse .item.hentry {
    float: left;
}

/*10/07/2017 permet de mettre en avant les collections en ajoutant du relief quand on passe la souris sur une collection. */
.collections.browse .item.hentry:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

#content #tabs section #collection h3,
#content #tabs section h3 {
    font-size: .9em;
    margin-bottom: 2px;
}
#content #tabs section #presentation h3 {
    font-size: 1em;
    color: #015581;
    font-weight: bold;
    margin: 1em 0 0.8em;
}

/* 10/07/2017 permet d’ajouter un peu d’espace entre la case de présentation des collections et la case focus. */
#content #tabs section #case_collection {
    margin-bottom: 50px;
}

/* Definition de la présentation du bloc contribuez (marges, couleur de police, fond transparent, enlever l'effet de relief dans la page "à la une"*/
#content #tabs section #contribuez_2{
    background-color: transparent;
    color :#787878;
    box-shadow: 0px 0 0px;
    margin-top: 60px;
}
/*Définition du bloc "a voir" dans la page "à la une" (marge et couleur de fond)*/
#content #tabs section #document_a_voir{
    margin-left : 50px;
    background-color: white;
}
/*Définition du bloc "ajouts récents" dans la page "à la une" (marge et couleur de fond)*/
#content #tabs section #ajouts_recents{
    margin-top : 40px;
    background-color: white;
}
/*Définition du bloc "exposition a voir" dans la page "à la une" (marge et couleur de fond)*/
#content #tabs section #expo_a_voir {
    margin-top : 40px;
    margin-left: 30px;
    background-color: white;
}
/*Définition du bloc "transcription récentes" dans la page "à la une" (marge et couleur de fond)*/
#content #tabs section #scripto-recent-changes  {
    margin-top : 40px;
    background-color: white;
}

#content #primary .collection .collection_data h2,
#content #primary .exhibit .exhibit-meta h2 {
    font-size: 1em;
/*    font-weight: bold; */
}
#content #primary .collection .collection_data h2,
#content #primary .exhibit .exhibit-meta h2,
.browse #content #primary .item.hentry .item-meta h2 {
    font-size: .8em;
    font-weight: normal;
}
#content #primary .collection .collection_data,
#content #primary .exhibit .exhibit-meta,
.browse #content #primary .item.hentry .item-meta {
    padding-left: 10px;
    padding-right: 10px;
}
#content #primary .collection .collection_data.row,
#content #primary .collection .collection_image.row,
#content #primary .exhibit .exhibit-meta.row,
#content #primary .exhibit .exhibit-pages.row,
.browse #content #primary .item.hentry .row {
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 6px;
}
#content #primary .collection .collection_data.row,
#content #primary .exhibit .exhibit-meta.row,
.browse #content #primary .item.hentry .item-meta.row,
.search-result-title,
.search-result {
    margin-left: 10px
}
#content #primary .collection .collection_image a,
#content #primary .exhibit .exhibit-pages a,
.browse #content #primary .item.hentry .tags a,
.browse #content #primary .item.hentry .item-img a {
    width: inherit
}
#content #primary .collection .collection_image img,
#content #primary .exhibit .exhibit-pages img,
.browse #content #primary .item.hentry .tags img,
.browse #content #primary .item.hentry .item-img img {
    padding: 0
}
#content #primary .collection .collection_image,
#content #primary .exhibit .exhibit-pages,
.browse #content #primary .item.hentry .tags,
.browse #content #primary .item.hentry .item-img {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
#content #primary .collection div,
#content #primary .exhibit div,
.browse #content #primary .item.hentry div {
    padding-left: 0;
    padding-right: 0;
}
#content #primary,
#content #advanced-search-form {
    background-color: #C1C1C1;
    margin-bottom: 6px;
    min-height: 432px;
}
.browse #content #primary,
.tags #content #primary {
    background-color: transparent;
}
#browse-header {
    color: #E6E6E6;
}
/* 10/07/2017 permet de définir le fond du site en transparent, permet d’alléger le fond et de décloisonner le site. */
.hentry {
    background-color: transparent;
    border-bottom: 1px solid #000000;
}
/*
.hentry {
    background-color: #C1C1C1;
    border-bottom: 1px solid #000000;
}
*/
.group-record.hentry {
    margin-top:18px;
}
.group-record.hentry:first-of-type {
    margin-top:0;
}
.group-record.hentry h2 {
    font-weight: bold;
    margin-bottom: 0;
}
.group-record.hentry .row {
    margin-bottom:0.2em;
}
#content > * > .element div {
/*    padding-bottom: .75em; */
}
#content > * > .element div:only-of-type,
#content > * > .element div:last-of-type {
    border-bottom: 0 none;
    padding-bottom: 0;
}
#content > div img,
.items.show #itemfiles a,
#content .item,
#content div .view-items-link {
    border-color: #CCCCCC
}
#content h1 {
    color: #F8B740;
    font-family: Ubuntu,sans-serif;
    font-size: 1.1em;
    letter-spacing: normal;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
}
#content #tabs .element-set img.logo-rights {
/*  height: 31px;
     width: 88px;
 */
    height: auto;
    width: auto;
    vertical-align: top;
    display: inline;
}

/*****************************
 * Tabs (ex-mosaïque / panneaux)
 *****************************/
#tabs {
    background-color: #C1C1C1;
    overflow: hidden;
}
.navigation.item-pagination li {
    display: inline
}
.horiz #primary .navigation.top li a.green:hover {
    background-color: #00908E
}
.horiz #primary .navigation.top li a.red:hover {
    background-color: #D2331B
}
.horiz #primary .navigation.top li a.purple:hover {
    background-color: #645693
}
.horiz #primary .navigation.top li:first-of-type a,
.horiz #primary .navigation.top li:last-of-type a {
    box-shadow: 0 0 10px #A0A0A0
}
#tabs section #item-viewer iframe.row {
    background-color: #C1C1C1;
    box-shadow: none;
}
/*10/07/2017 permet de mettre un fond transparent pour l’exposition des différents documents de chaque collection*/
#tabs section .row {
    background-color: transparent;
    box-shadow: 0px 0 0px #111111;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 6px;
}
#tabs section .row.demi {
    min-height: 230px
}
#tabs section .row.deux-tiers {
    min-height: 320px
}
#tabs section .row.un-tiers {
    min-height: 140px
}

/* 10/07/2017 pour laisser un espace plus important entre chaque bloc et mettre un fond blanc (traitement nécessaire après avoir mis un traitement de fond transparent dans d’autres blocs. Tout est lié il faut donc saisir les exceptions que l’on souhaite pour leur remettre un fond blanc). Traitement similaire pour #carte, #a_voir_1, #a_voir_2 et #dernier */
#tabs section #focus {
    margin-bottom: 40px;
    background-color: white;
}

/* 10/07/2017 : pour mettre un effet de relief lorsqu’on passe la souris sur l’élément. Traitement similaire pour #carte, #a_voir_1, #a_voir_2 et #dernier*/
#tabs section #focus:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

/* 10/07/2017 permet d’espacer le titre du bloc de la carte */
#content #tabs section #h3_carte {
    margin-bottom: 10px;
}

#content #tabs section #carte {
    background-color: white;
}

#content #tabs section #carte:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

/* 10/07/2017 permet de décaller le titre de la carte des bords du bloc */
#content #tabs section h3 #titre_carte {
    margin-top: 5px;
    margin-left: 3px;
}

#tabs section #carte {
    margin-bottom: 40px;
    background-color: white;
}

#tabs section #a_voir_1 {
    margin-bottom: 40px;
    background-color: white;
}

#tabs section #a_voir_1:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

#tabs section #a_voir_2 {
    margin-bottom: 40px;
    background-color: white;
}

#tabs section #a_voir_2:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

#tabs section #dernier {
    margin-bottom: 40px;
    background-color: white;
}

#tabs section #dernier:hover {
    box-shadow: 0 0 10px #A0A0A0;
}

#tabs {
    overflow: none;
}
#content {
    overflow: none;
}
/*
#tabs section .row.unique img,
#tabs section .row.demi img,
#tabs section .row.un-tiers img,
#tabs section .row.deux-tiers img {
    width: 160px
}
*/
#tabs section .row.unique img,
#tabs section .row.unique-double img,
#tabs section .row.demi img,
#tabs section .row.un-tiers img,
#tabs section .row.deux-tiers img {
    border: 1px solid #CCCCCC;
    display: block;
    float: inherit;
    height: auto;
    margin: 0 auto 6px;
    padding: 2px;
}
#tabs section dd {
    font-size: 1em;
    line-height: 1em;
    margin-left: .2em;
    padding-left: 1em;
}
#tabs section h4 {
    font-size: .8em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}
.row {
    background-color: #FFFFFF;
    box-shadow: 1px 0 10px #111111;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 6px;
}
.row h2 {
    background-color: #F8B740;
    color: #FFFFFF;
    font-size: .7em;
    line-height: 1em;
    margin-bottom: .5em;
    padding: 3px;
    vertical-align: middle;
}
.row h2 a {
    color: #000000
}

/* ASIDE DES PAGES DE PRESENTATION DES DOCUMENTS - MENUS DE DROITE
Permet de remettre un fond blanc à la place du fond transparent tout en gardant le fond transparent à l’endroit où on le désirait au départ.
*/

.container #sidebar #collection {
    background-color: white;
}

.container #sidebar #admin-item {
    background-color: white;
}

.container #sidebar .scripto-stats {
    background-color: white;
}

.container #sidebar #item-tags {
    background-color: white;
}

.container #sidebar #item-stats {
    background-color: white;
}

.container #sidebar #item-relations{
    background-color: white;
}

/* TABS DE PRESENTATION DES DOCUMENTS - CONTENUS 
Permet de remettre un fond blanc à la place du fond transparent tout en gardant le fond transparent à l’endroit où on le désirait au départ. Pas idéal, mais seule solution trouvée pour le moment. 
*/

.container #item-notice{
    background-color: white;
}

.container #ui-id-1{
    background-color: white;
}

.container #ui-id-2{
    background-color: white;
}

.container #ui-id-3{
    background-color: white;
}

.container #ui-id-4{
    background-color: white;
}

.container #ui-id-5{
    background-color: white;
}

.container #ui-id-6{
    background-color: white;
}

.container #ui-id-7{
    background-color: white;
}

.container #ui-id-8{
    background-color: white;
}

.container #tabs-commenter{
    background-color: white;
}

.container #tabs-rechercher{
    background-color: white;
}

.container #ui-id-9{
    background-color: white;
}

.container #ui-id-10{
    background-color: white;
}

.container #ui-id-11{
    background-color: white;
}

.container #ui-id-12{
    background-color: white;
}

.container #ui-id-13{
    background-color: white;
}

.container #tabs-embarquer{
    background-color: white;
}

.container #tabs-notices_associees{
    background-color: white;
}

.container #tabs-notices_liees{
    background-color: white;
}

/*TABS DE PRESENTATION DES DOCUMENTS - TABS DE GAUCHE */

#tabs nav ul li #ui-id-1{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-2{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-3{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-4{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-5{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-6{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-7{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-8{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-9{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-10{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-11{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-12{
    background-color: #C1C1C1;
}
#tabs nav ul li #ui-id-13{
    background-color: #C1C1C1;
}



/*****************************
 * Footer
 *****************************/
footer {
    clear: both;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 18px;
}
footer #bas {
    border-bottom: solid 1px #787878;
    height: 30px;
    margin: 0 auto 10px;
}
footer #bas .bouton {
    bottom: 0;
    right: 0;
}
footer .navigation {
    float: right;
    font-weight: bold;
    text-align: right;
}
footer .navigation li {
    display: inline
}
footer .navigation a {
    margin-left: 8px;
    white-space: nowrap;
}
footer #communication li {
    border-right: solid 1px #FFFFFF;
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    list-style: none;
    margin-top: 2px;
    padding: 0 8px;
}
footer #communication li a {
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    text-decoration: none;
}
footer #communication li a#plandesite-bouton {
    border-radius: .7em .7em 0 0;
    color: #212122;
    padding: 6px 10px 6px 20px;
    text-decoration: none;
}
footer #communication li a:hover,
#mention a:hover,
#collection-items #item-texts a:hover {
    text-decoration: underline
}
footer #communication li:first-of-type,
footer #communication li:last-of-type {
    border-right: none
}
footer #communication ul {
    display: inline;
    list-style: none;
    overflow: visible;
}
footer .bouton {
    background: url(../images/puce-triangle-noir.png) #FFFFFF no-repeat 5px 7px;
    color: #212122;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    font-weight: bold;
    padding: 3px 10px 3px 20px;
    text-decoration: none;
}
footer #footer-text {
    float: left;
    width: 48%;
}
#findepage {
    color: #FFFFFF;
    font-size: 0.9em;
    height: 47px;
    margin: 0 auto 20px;
}
#findepage a {
    color: #FFFFFF;
    font-size: 0.9em;
    text-decoration: none;
}
/* Partenaires */
#partenaire {
    float: left;
    height: 54px;
}
#partenaire a/*,
a#omeka*/ {
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 54px;
    overflow: hidden;
    padding: 0 1px;
    text-indent: -3000px;
}
#partenaire #abc {
    background-image: url(../images/logo-abcmines.png);
    height: 54px;
    width: 78px;
}
#partenaire #abes {
    background-image: url(../images/logo-abes.png);
    height: 54px;
    width: 166px;
}
#partenaire #bnf {
    background-image: url(../images/logo-bnf.png);
    height: 54px;
    width: 270px;
}
#partenaire #gem {
    background-image: url(../images/logo-gem.jpg);
    height: 54px;
    width: 115px;
}
#partenaire #institutcarnot {
    background-image: url(../images/logo-institutcarnot.jpg);
    height: 54px;
    width: 157px;
}
#partenaire #paristech {
    background-image: url(../images/logo-paristech.jpg);
    height: 54px;
    width: 153px;
}
#partenaire #psl {
    background-image: url(../images/logo-mptech-psl.png);
    height: 54px;
    width: 162px;
}
#partenaire #telecom {
    background-image: url(../images/logo-telecom.jpg);
    height: 54px;
    width: 77px;
}
/*
#omeka {
    background-image: url(../images/logo-omeka.png);
    height: 54px;
    width: 54px;
}
*/
/* Plan de site */
#plandesite {
    border-bottom: solid 1px #787878;
    display: none;
    margin: 0 auto 15px;
    overflow: hidden;
    padding-bottom: 15px;
}
#plandesite #adresse {
    border-right: solid 0 #444444;
    color: #E6E6E6;
    font-size: 1em;
/*     margin-right: 38px;
    padding-left: 10px;
    padding-right: 0;
    width: 133px; */
}
#plandesite #adresse span {
    color: #F8B740;
    display: block;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 3px;
}
#plandesite #adresse p {
    font-size: .7em;
}
#plandesite div span {
    color: #E6E6E6;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 7px;
}
#plandesite div ul {
    list-style: none;
    padding-right: 10px;
    line-height: 1.5em;
}
#plandesite div ul li a {
    background-image: url(../images/puce-plus-gris.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #C1C1C1;
    display: block;
    font-size: 1em;
    padding: 0 0 0 10px;
    text-decoration: none;
}
#plandesite #collection-tree > ul > li > a {
    color: #FFFFFF;
    font-weight: bold;
}
#plandesite #collection-tree > ul > li ul li > a {
    font-weight: 300;
}

/*****************************
 * Pagination
 *****************************/
.pagination {
    margin-left: 40%;
}

.pagination span {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-weight: bold;
}
.pagination a {
    color: #fff;
    text-decoration: none;
}
.pagination a,
.pagination span,
.pagination form {
    display: inline-block;
    padding: .5em 1em;
    text-decoration: none;
}
.pagination a:hover {
    background-color: #F8B740;
    color: #000;
    text-decoration: none;
}
.pagination li {
    background: #666666;
    color: #fff;
    display: inline-block;
    padding: 0;
}
.pagination li,
.pagination li form {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
}
.pagination li.page-input form input#page {
    margin-bottom: -1px;
    padding: 0;
}
.pagination ul {
    margin-left: 0
}
.item-pagination .next a,
.exhibit-pagination .next a {
    float: right;
    text-align: right;
}


.item-pagination a,
.exhibit-pagination a {
    float: left;
    font-weight: bold;
    text-decoration: none;
    width: 48%;
}
.item-pagination,
.exhibit-pagination {
    border-top: 1px solid #eee;
    clear: both;
    overflow: hidden;
    padding-top: 18px;
}

/*10/07/2017 : permet que les lien « page précédente » et « page suivante » soit visibles car elles ne l’étaient plus avec le fond transparent. */
.navigation.item-pagination li a {
    color:white;
}

/*****************************
 * Homepage
 *****************************/

#featured-collection {
/*    border-bottom: 1px solid #ccc; */
    margin-bottom: 18px;
}
#featured-item {
    background: #eee;
/*    border-bottom: 1px solid #ccc; */
    margin-bottom: 18px;
    overflow: hidden;
    padding: 18px 18px 0;
    zoom: 1;
}
#recent-items .item {
/*    border-bottom: 1px solid #ccc; */
    overflow: hidden;
    zoom: 1;
}
#featured-item img,
#recent-items .item img {
    border: 1px solid #ccc;
    float: right;
    margin-bottom: 18px;
    margin-left: 18px;
    padding: 2px;
}
#tabs .view-items-link a,
#tabs a.plusinfo {
    font-style: italic;
    text-decoration: none;
    color: #336699;
    display: block;
    text-align: right;
}
#tabs .items-list li,
#tabs .comments-list li {
    padding-bottom: 3px;
    font-size: 1em;
}
#tabs .items-list li > a,
#tabs .comments-list li > a {
    line-height: 1.2em;
}
#tabs .items-list a,
#tabs .comments-list a {
    text-decoration: none;
    color: #336699;
    display: block;
    padding-left: 14px;
    font-size: 1.2em;
}
#tabs .items-list a:before,
#tabs .comments-list a:before {
    margin-left: -13px;
}
#tabs .items-list a:before,
#tabs .comments-list a:before,
a.plusinfo:before {
    content: ' ▶ ';
}
#tabs .comments-list p {
    display: inline;
    font-size: 0.9em;
}
#tabs .comments-list li {
    padding-bottom: 6px;
}
#tabs #comments-tab .row.unique {
    padding: 0;
}

/*****************************
 * Notices
 *****************************/
.items.show h3 {
  margin:0;
}
.item-description a.show {
    display: inline;
    padding-left: 5px;
}
.item-meta div {
    font-size: .8em;
    line-height: 1.2em;
    padding-bottom: 6px;
}
.items.show #itemfiles #item-images > div p {
    color: #717171;
    font-size: .7em;
    margin: 0;
    padding: 0 0 4px;
    text-align: center;
    line-height: 1em;
}
.items.show #itemfiles #item-images a img {
    height: inherit;
    width: inherit;
}
.items.show #itemfiles a,
.items.show #itemfiles a img {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.browse .collection,
.browse .item,
.browse .exhibit,
.browse .file {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    zoom: 1;
}
#collection-items {
/*    border-top: 1px solid #000000; */
}
#collection-tree ul {
    margin-left: 1.5em
}
#collection-items #item-texts > li .progress {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
#collection-items #item-texts > li,
.items.show #itemfiles #item-images > div {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: top;
}
#collection-items #item-texts a {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    text-decoration: none;
}
#collection-tree {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}
#item-image img,
.square_thumbnail img {
    width: 100%
}
#item-images {
    margin-bottom: 18px;
    overflow: hidden;
}
#item-transcribe {
    padding: 8px
}
#item-transcribe textarea {
    font-family: Helvetica;
    width: 98%;
}
ul.title-list {
    margin: 0
}
ul.title-list li {
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.5em;
}
.square_thumbnail {
    float: left;
    height: 132px;
    margin: 18px 10px 18px 0;
    overflow: hidden;
    width: 132px;
}
/* Notice Dublin Core */
.element {
    clear: both;
    margin-bottom: .8em;
    overflow: hidden;
}
.element-set .element {
    clear: both;
    margin-bottom: .8em;
}
.element-set .element .element-text {
    font-size: .8em;
    line-height: 1.2em;
}
.element-set .element .element-text p {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
}
.element-set .element .field {
    text-align: right
}
.element-set ul {
  margin-left:0em;
  padding-left:0.2em;
  margin-bottom:1em;
}
.element-set ul li {
  background:url(../images/triangle_ul_li.gif) 0em 0.5em no-repeat;
  padding-left: 0.8em;
  list-style: none;
}
.element-set ul li {
    background-image:url(../images/triangle_ul_li_child.gif);
}
.element-set ol  li,
.element-set ul li {
    margin-bottom:0.5em;
}
.element-set ol.niceList {
  margin-left:1.5em;
  padding-left:0px;
}
.element-set .niceList ol li {
  list-style:decimal;
  background-image:none;
  padding-left:0em;
}
.element-set .element label {
    color: #717171;
    font-size: .9em;
    font-style: italic;
    line-height: 1.5em;
    text-align: right;
    vertical-align: top;
}
.element-set h2 {
    background-color: #00A0DA;
    color: #FFFFFF;
    font-size: .7em;
    line-height: 1em;
    margin-bottom: .5em;
    padding: 3px;
/*    text-transform: uppercase; */
    vertical-align: middle;
    font-weight: bold;
}
.element-set h3,
.collection h3,
#collection-items h3 {
    font-size: 1.2em;
    margin-bottom: .2em;
}
.element-text p,
#admin-bar ul {
    font-size: 1em;
    margin: 0;
}
.element-text,
#item-file .element {
    font-size: .8em;
    line-height: 1.2em;
    margin: 0;
}
.element-text-empty {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
}
.element-text .public-domain {
    background: url(../images/logo_copyleft.png) no-repeat scroll left center/ contain #FFFFFF; /* IE */
    background: url(../images/logo_copyleft.svg) no-repeat scroll left center / contain #FFFFFF;
    display: inline-block;
    line-height: normal;
    padding: 0 3px 0 1.5em;
}
/*.element-text*/ .licence-ouverte {
    background: url(../images/logo_licence-ouverte.png) no-repeat scroll left center / contain #FFFFFF; /* IE */
    background: url(../images/logo_licence-ouverte.svg) no-repeat scroll left center / contain #FFFFFF;
    display: inline-block;
    line-height: 2.5em;
    padding: 0 3px 0 1.8em;
}
.element-text .mines-paristech {
    background: url(../images/logo_mines-paristech_64x64.png) no-repeat scroll left center / 32px 32px #FFFFFF;
    display: inline-block;
    line-height: 2em;
    padding: 0 3px 0 2.6em;
}
.element-text .sudoc {
    background: url(../images/logo_sudoc_64x64.png) no-repeat scroll left center / 32px 32px #FFFFFF;
    display: inline-block;
    line-height: 2em;
    padding: 0 3px 0 2.6em;
}
.element-text .etalab {
    display: inline-block;
    line-height: 2.5em;
}
.field,
label {
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: .7em;
}
label p {
    font-size: .9em;
}
.comment-date {
    font-size: .8em;
    float: left;
}
div.comment-body p {
    font-size: .8em;
}
.commenting-explanation {
    font-size: .8em;
}
.commenting-explanation > p {
    font-size: 1em;
}

/*****************************
 * BookReader
 * Cf. BookReaderCustom.css, nécessaire lors de l'affichage non embarqué.
 *****************************/

/*****************************
 * OpenLayersZoom
 *****************************/
.map {
    background-color: #C1C1C1;
}

/*****************************
 * Carousel
 ****************************/
/* Carousel style */
.rg-image-wrapper{
    position:relative;
    padding:20px 30px;
    background:transparent url(../images/carousel/gray.png) repeat top left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height:20px;
}
.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}
.rg-image img{
    max-height:100%;
    max-width:100%;
}
.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
    background:#000 url(../images/carousel/nav.png) no-repeat -20% 50%;
    width:28px;
    height:100%;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.3;
    outline:none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
    right:0px;
    left:auto;
    background-position:115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
    opacity:0.8;
}
.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;
}
.rg-caption p{
    font-size:11px;
    letter-spacing:2px;
    font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
    line-height:16px;
    padding:0 15px;
    text-transform:uppercase;
}
.rg-view{
    height:30px;
}
.rg-view a{
    display:block;
    float:right;
    width:16px;
    height:16px;
    margin-right:3px;
    background:#464646 url(../images/carousel/views.png) no-repeat top left;
    border:3px solid #464646;
    opacity:0.8;
}
.rg-view a:hover{
    opacity:1.0;
}
.rg-view a.rg-view-full{
    background-position:0px 0px;
}
.rg-view a.rg-view-selected{
    background-color:#6f6f6f;
    border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
    background-position:0px -16px;
}
.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:#000 url(../images/carousel/ajax-loader.gif) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity:0.7;
}
/* Elastislide Style */
.es-carousel-wrapper{
    background: #C1C1C1;
    padding:10px 27px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
    -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
    box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
    position:relative;
    margin-bottom:20px;
}
.es-carousel{
    overflow:hidden;
    background:#C1C1C1;
}
.es-carousel ul{
    display:none;
}
.es-carousel ul li{
    height:100%;
    float:left;
    display:block;
}
.es-carousel ul li a{
    display:block;
    border-style:solid;
    border-color:#222;
    opacity:0.8;
    -webkit-touch-callout:none;
    /* option */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
    border-color:#fff;
    opacity:1.0;
}
.es-carousel ul li a img{
    display:block;
    border:none;
    max-height:100%;
    max-width:100%;
}
.es-nav span{
    position:absolute;
    top:50%;
    left:8px;
    background:transparent url(../images/carousel/nav_thumbs.png) no-repeat top left;
    width:14px;
    height:26px;
    margin-top:-13px;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.8;
}
.es-nav span.es-nav-next{
    right:8px;
    left:auto;
    background-position:top right;
}
.es-nav span:hover{
    opacity:1.0;
}

/*****************************
 * Scripto
 *****************************/
.scripto #primary #item-viewer,
.scripto #primary #item-transcribe {
    min-height: 600px
}
#scripto-transcription-page-html,
#scripto-talk-page-html {
    border: solid 1px #787878;
    margin-bottom: 6px;
    padding: 4px;
    background-color: lightgrey;
    overflow: auto;
}
#scripto-viewer {
    background-color: #C1C1C1
    height: 600px;
    margin-bottom: 12px;
}
#scripto-iframe {
    border: none;
    height: 600px;
    width: 500px;
}
#scripto-viewer .map {
    width: 100%;
    height: 100%;
    min-height: 588px;
}
a.scripto-transcribe-item {
    text-decoration: none;
}
#scripto-transcription-page-html {
    white-space: pre-wrap;
}

/*****************************
 * Recherche
 *****************************/
#info-result {
    margin-top: 18px;
    padding-bottom: 18px;
}

/*****************************
 * SimplePages
 *****************************/
/* -- Ariane -- */
#ariane {
    border-bottom: 1px dotted #383737;
    color: #000000;
    font-family: Verdana;
    font-size: .7em;
    line-height: 1.2em;
    margin-bottom: 17px;
    overflow: hidden;
    padding-bottom: 3px;
}
#ariane #agrandir {
    background-image: url(../images/icone-augmenter.png);
    background-position: 0 1px;
    cursor: pointer;
    width: 16px;
}
#ariane #envoyer {
    background-image: url(../images/icone-envoyer.png);
    width: 20px;
}
#ariane #imprimer {
    background-image: url(../images/icone-imprimer.png);
    width: 15px;
}
#ariane #reduire {
    background-image: url(../images/icone-reduire.png);
    cursor: pointer;
    width: 16px;
}
#ariane a {
    padding: 0 3px;
    text-decoration: none;
}
#ariane a:hover {
    background-color: #F0F0F0;
    color: #005A9E;
}
/* Page */
.page #content {
    background-color: #FFFFFF;
    min-height: 480px;
}
.page .gauche {
    background-color: #F0F0F0;
    min-height: 480px;
    padding: 10px 0 10px 10px;
}
.page .gauche #section-nav ul {
    background-color: #F0F0F0;
    display: block;
    height: auto;
    list-style: none outside none;
    padding: 10px 10px 10px 0;
}
.page .gauche #section-nav ul li {
    border-bottom: 1px dotted #383737;
    clear: both;
    display: block;
    width: 100%;
}
.page .gauche #section-nav ul li a {
    background: url(../images/puce-triangle-bleu.png) no-repeat scroll 0 7px transparent;
    color: #000000;
    display: block;
    font-size: 1em;
    padding: 3px 0 5px 12px;
    text-decoration: none;
}
.page .gauche #section-nav ul li a.current:hover,
.page .gauche #section-nav ul li a:hover {
    background-color: #D0D0D0
}
.page .gauche #section-nav ul li ul {
    padding: 2px 0 6px 10px
}
.page .gauche #section-nav ul li:last-of-type {
    border-bottom: none
}
.page .gauche #section-nav ul ul li {
    border-bottom: none;
}
.page .gauche h2 {
    color: #005A9E;
    font-family: UniversLight;
    font-size: 2em;
    font-weight: normal;
    line-height: 32px;
    margin: 5px 0 15px;
}
.page .gauche h2 a:hover {
    color: #005A9E
}
.page .gauche h3 {
    color: #005A9E;
    font-family: UniversLight;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 5px 0 15px;
}
.page #page {
    background-color: #FFFFFF;
    min-height: 432px;
    padding: 24px 0;
    z-index: 200;
}
.page #page h1 {
    color: #005A9E;
    font-size: 1.6em;
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.7em;
    padding: 0 0 3px;
    text-align: left;
    text-transform: none;
}
.page #page h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    margin: 1.4em 0 0 0;
}
.page #page h3 {
     font-size: 1.2em;
     font-style: italic;
     line-height: 1.3em;
     margin: 0.8em 0 0.3em;
}
.page #page .simple-page-content,
.page #page p {
    font-size: 0.8em;
    line-height: 1.5em;
}
.page #page .simple-page-content a:hover,
.page #page ul a:hover,
.page #page p a:hover {
    background-color: #F0F0F0;
}
.page #page ul {
    list-style: disc inside none;
    margin-top: 6px;
    margin-bottom: 6px;
}
.page #page li {
    margin-top: 6px;
    margin-bottom: 6px;
}
.page #page ul ul {
    list-style: circle inside none;
    margin-left: 12px;
}
.page-input form {
    margin: 0 10px
}
.page-input input[type=text] {
    border: 0;
    margin-right: 5px;
    text-align: right;
    width: 50px;
}
/* Exhibits */
.exhibit-pages ul {
    list-style: none outside none;
    margin-top: 6px;
    margin-bottom: 6px;
}
.exhibit-pages ul li {
    margin-bottom: 6px;
}
.exhibit-pages ul ul {
    list-style: none outside none;
}
.exhibit-pages ul li a {
    background: url("../images/puce-triangle-bleu.png") no-repeat scroll 0 7px transparent;
    color: #000000;
    display: block;
    font-size: 1em;
    padding: 3px 0 0 12px;
    text-decoration: none;
}
.exhibit-pages ul li a:hover {
    background-color: #d0d0d0;
    text-decoration: none;
}
.exhibit-pages ul li a.current {
    font-style: italic;
}
#exhibit-page-navigation {
    clear: both;
    float: right;
    margin-bottom: 1em;
}
#exhibit-page-navigation .next-page {
    margin-left: 2em
}
.exhibits.page #page {
    text-align: justify;
}
.exhibit-pages ul,
#exhibit-items ul {
    margin-left: 1.25em;
    margin-top: 1em;
}
.exhibit-pages a {
    text-decoration: none;
}
.exhibit-pages a:hover {
    text-decoration: underline;
}
.exhibit-page-nav a:active {
    background: #0176b4;
    color: #fff;
    padding: 6px 8px;
     text-decoration: none;
 }

.page.simple-page nav a.current,
.page .gauche #section-nav ul li a.current {
/*    background-color: #E0E0E0; */
    font-style: italic;
    text-decoration: none;
}
.exhibit-page-nav a:hover {
    background: #ff8000;
}
.exhibit-page-nav a:link,
.exhibit-page-nav a:visited {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    padding: 6px 8px;
    text-decoration: none;
}
.exhibit-page-nav li {
    color: #fff;
    display: inline;
    margin-right: 1px;
}
.exhibit-section-nav {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5em;
    padding: .3em;
}
.exhibit-section-nav a {
    color: #666;
    padding: .5em 1em;
    text-decoration: none;
}
.exhibit-section-nav li {
    display: inline;
    padding: .5em 0;
}
.exhibit-section-nav li a.current {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-weight: bold;
}
#exhibit-nav-prev a,
#exhibit-nav-next a {
    text-decoration: none;
}
#exhibit-nav-prev a:hover,
#exhibit-nav-next a:hover {
    text-decoration: underline;
}
.exhibits #content #primary {
    min-height: 200px
}
/* Sous-menu */
#sousmenu div {
    border-bottom: solid 1px #787878;
    height: 13px;
    margin: 3px 0;
    width: 180px;
}
#sousmenu div span {
    background-color: #444444;
    color: #FFFFFF;
    display: block;
    font-size: .9em;
    font-weight: normal;
    line-height: 9px;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
}
#sousmenu h2 {
    color: #005A9E;
    font-family: UniversLight;
    font-size: 2em;
    font-weight: normal;
    line-height: 32px;
    margin: 5px 0 15px;
}
#sousmenu ul {
    list-style: none;
    width: 180px;
}
#sousmenu ul li {
    background: url(../images/pointille-gris.gif) repeat-x 0 bottom
}
#sousmenu ul li a {
    background-image: url(../images/puce-triangle-bleu.png);
    background-position: 0 7px;
    background-repeat: no-repeat;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 1em;
    padding: 3px 0 5px 12px;
    text-decoration: none;
}
#sousmenu ul li a:hover {
    color: #005a9e
}
#sousmenu ul li ul li a {
    background-image: url(../images/mini-puce-grise.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    color: #787878;
    display: block;
    font-size: 1em;
    padding: 1px 0 1px 8px;
    text-decoration: none;
}
#sousmenu ul li.actif a.actif {
    background-color: #005A9E;
    background-image: url(../images/puce-triangle-bas-blanc.png);
    background-position: 3px 6px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    padding: 3px 0 5px 14px;
    text-decoration: none;
}
#sousmenu ul li.actif ul li a:hover,
#sousmenu ul li.actif ul li.sous-actif a {
    background-image: url(../images/mini-puce-bleu.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    color: #005A9E;
    font-size: 1em;
    padding: 1px 0 1px 8px;
}
#sousmenu ul ul {
    background: url(../images/pointille-gris.gif) repeat-x 0 bottom;
    padding-bottom: 8px;
}
#sousmenu ul ul li {
    background: none
}
.errors {
    color: red;
}

/*****************************
 * Admin Bar
 *****************************/
#admin-bar {
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.35);
    -o-box-shadow: 1px 1px 2px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.35);
    background: rgba(0,0,0,0.75);
    box-shadow: 0 0 5px #666666;
    color: #fff;
    font-family: Arvo, serif!important;
    font-size: 0.9em;
    left: 0;
    line-height: 30px;
    margin: 0;
    overflow: auto;
    padding: 10px 0;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 99;
}
#admin-bar a {
    border: 0;
    display: block;
    font-family: Arvo, serif!important;
    font-size: 1em;
    padding: 0 1em 0 0;
    text-decoration: none;
}
#admin-bar li {
    display: inline-block;
    font-family: Arvo, serif!important;
    font-size: 1em;
    margin: 0;
    padding: 0;
    width: auto;
}
#admin-bar li a:hover,
#admin-bar li a:active {
    color: #fff!important
}
#admin-bar li a:link,
#admin-bar li a:visited {
    color: #ccc!important
}

/*****************************
 * Divers
 *****************************/
/* Sort Links */
#sort-links {
    display: block;
    list-style-type: none;
    padding: 0;
}
#sort-links .sort-label {
    color: #989FA9;
    float: left;
    font-style: italic;
}
#sort-links ul li {
    display: inline-block;
    padding-right: 2px;
}
#sort-links-list {
    float: left;
    list-style: none outside none;
    margin-left: 0;
}
#sort-links-list li {
    display: inline-block;
    padding: .5em 0;
}
#sort-links-list li a {
    background-color: #666666;
    color: #FFFFFF;
    padding: .5em 1em;
    text-decoration: none;
}
#sort-links-list li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-weight: bold;
}
#sort-links-list li:last-of-type {
    padding-right: 0
}


/* -- Boutons -- */
.bouton {
    border-radius: .7em
}
/* Orange (default) */
.horiz #primary ul.navigation.transcribe a,
.horiz #primary ul.navigation.transcribe a.orange,
#content a.button,
#content a.button.orange,
button,
button.orange,
input#submit,
input.orange#submit,
input#send,
input.submit {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #F8B740;
    background: linear-gradient(to bottom,#F8B740,#ECA12B) repeat scroll 0 0 rgba(0,0,0,0);
    border: 1px solid #F8B740;
    border-radius: 0 0 0 0;
    box-shadow: 0 1px 0 0 #F8B740 inset, 0 -1px 0 0 #ECA12B inset, 0 2px 2px 0 #414141;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Cabin,sans-serif;
    margin: 0 5px 0 0;
    min-height: 25px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
    white-space: normal;
}
.horiz #primary ul.navigation.transcribe a.blue,
a.button.blue,
button.blue,
input.blue#submit {
    background: #22546B;
    background: linear-gradient(to bottom,#22546B,#102D3B) repeat scroll 0 0 rgba(0,0,0,0);
    border: 1px solid #11303F;
    box-shadow: 0 1px 0 0 #526C80 inset, 0 -1px 0 0 #142233 inset, 0 2px 2px 0 #414141;
    color: #FFFFFF;
}
.horiz #primary ul.navigation.transcribe a:hover,
.horiz #primary ul.navigation.transcribe a.orange:hover,
#content a.button:hover,
#content a.button.orange:hover,
button:hover,
button.orange:hover,
input#submit:hover,
input.orange#submit:hover {
    background: #ECA12B;
    background: linear-gradient(to bottom,#ECA12B,#F8B740) repeat scroll 0 0 rgba(0,0,0,0);
    border: 1px solid #ECA12B;
    border-radius: 0 0 0 0;
    box-shadow: 0 1px 0 0 #ECA12B inset, 0 -1px 0 0 #F8B740 inset, 0 2px 2px 0 #A0A0A0;
    text-decoration: none;
}
.horiz #primary ul.navigation.transcribe a.blue:hover,
a.button.blue:hover,
button.blue:hover,
input.blue#submit:hover {
    box-shadow: 0 1px 0 0 #526C80 inset, 0 -1px 0 0 #142233 inset, 0 0 10px 0 #102D3B, 0 2px 2px 0 #D4D4D4
}
.horiz #primary ul.navigation.transcribe a.green,
a.button.green,
button.green,
input.green#submit {
    background: #A4C637;
    background: linear-gradient(to bottom,#A4C637,#75940A) repeat scroll 0 0 rgba(0,0,0,0);
    border: 1px solid #749308;
    border-radius: 0 0 0 0;
    box-shadow: 0 1px 0 0 #BDD662 inset, 0 -1px 0 0 #6A821A inset, 0 2px 2px 0 #414141;
    color: #FFFFFF;
}
.horiz #primary ul.navigation.transcribe a.green:hover,
a.button.green:hover,
button.green:hover,
input.green#submit:hover {
    box-shadow: 0 1px 0 0 #BDD662 inset, 0 -1px 0 0 #6A821A inset, 0 0 10px 0 #A4C637, 0 2px 2px 0 #D4D4D4
}
.horiz #primary ul.navigation.transcribe a.red,
a.button.red,
button.red,
input.red#submit {
    background: #AD6345;
    background: linear-gradient(to bottom,#AD6345,#7D422A) repeat scroll 0 0 rgba(0,0,0,0);
    border: 1px solid #7E432C;
    box-shadow: 0 1px 0 0 #B87979 inset, 0 -1px 0 0 #5E3030 inset, 0 2px 2px 0 #414141;
    color: #FFFFFF;
}
.horiz #primary ul.navigation.transcribe a.red:hover,
a.button.red:hover,
button.red:hover,
input.red#submit:hover {
    box-shadow: 0 1px 0 0 #B87979 inset, 0 -1px 0 0 #5E3030 inset, 0 0 10px 0 #7D422A, 0 2px 2px 0 #D4D4D4
}
.horiz #primary ul.navigation.transcribe li {
    margin-bottom: 8px
}
.horiz #content #primary {
    background-color: transparent;
    min-height: 0;
}
.horiz #primary .navigation.top li a,
.horiz #primary .navigation.top li span {
    background-color: #C1C1C1;
    border-radius: .7em .7em 0 0;
    box-shadow: 1px 0 10px #A0A0A0;
    color: #414141;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.horiz #primary .navigation.top li a:hover,
.horiz #primary .navigation.top li a.orange:hover {
    background: none;
    background-color: #F2B23D;
    color: #FFFFFF;
}
.horiz #primary .navigation.top li span {
    color: #A0A0A0
}
.horiz #primary .navigation.top li.active a,
.horiz #primary .navigation.top li.active span {
    color: #414141
}
.horiz #primary .navigation.top ul {
    margin-bottom: 1px
}
.horiz #primary div.navigation.transcribe a.button,
.horiz #primary div.navigation.transcribe button {
    margin-bottom: .7em
}
.horiz #primary .navigation.top li a {
    color: #787878
}

/* -- Tags -- */
#tags-nav {
/*    margin: 20px 0;*/
    font-size: 0.8em;
}
#tags-nav > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #F8F8F8;
    background: linear-gradient(to bottom, #F8F8F8, #E2E2E2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #D8D8D8;
/*    border-image: none; */
    border-style: solid;
    border-width: 1px 1px 1px 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    line-height: 25px;
    padding: 0 10px;
}
#tags-nav > span:first-child {
    border-left: 1px solid #D8D8D8;
}
#tags-nav span.current {
    background: #E8E8E8;
    background: linear-gradient(to bottom, #E8E8E8, #E1E1E1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#tags-nav span.current a:link,
#tags-nav span.current a:visited {
    color: #999999;
}
.tags .secondary-nav .nav-browse-all a {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
}
.item .tags {
    clear: left;
}
.tags li {
    display: inline
}
.tag-list {
    padding: 0;
}
.tag-list li {
    background: #F9C059;
    background: linear-gradient(to bottom, #F9C059, #F6A40F) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #F6A40F;
    box-shadow: 0 1px 0 0 #FACA71 inset, 0 -1px 0 0 #F7AE27 inset, 0 2px 2px 0 #D4D4D4;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Arvo",serif;
    height: 22px;
    margin: 0 0 10px;
    padding: 8px 10px 2px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}
.tag-list li:hover,
.tag-list li a:hover {
    background: #F6A40F;
    background: linear-gradient(to bottom, #F6A40F, #F9C059) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
}
.tag-list .count {
    color: #000000;
    margin-right: 5px;
    padding-right: 10px;
    position: relative;
}
.tag-list li .count:after {
    background-color: #E39608;
    bottom: -5px;
    box-shadow: 0 0 1px #FACA71;
    content: "";
    position: absolute;
    right: 0;
    top: -5px;
    width: 1px;
}
.tag-list li .tag,
.tag-list li a {
    color: #000000;
    display: inline-block;
}
/* Tag Clouds */
.hTagcloud li {
    display: inline;
    margin-right: 3px;
}
.hTagcloud ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
ul.popularity {
    list-style-type: none;
    padding: 0 10px;
}
ul.popularity li {
    background: #22546B;
    background: linear-gradient(to bottom,#22546B, #102D3B) repeat scroll 0 0 transparent;
    border: 1px solid #11303F;
    box-shadow: 0 1px 0 0 #526C80 inset, 0 -1px 0 0 #142233 inset, 0 2px 2px 0 #D4D4D4;
    display: inline-block;
    font-family: Arvo,serif;
    height: 32px;
    margin: 0 0 10px;
    position: relative;
}
ul.popularity li a {
    -moz-box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    height: 100%;
    line-height: 1.5em;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
    z-index: 2;
}
.popular a {
    font-size: 80%
}
.v-popular a {
    font-size: 100%
}
.vv-popular a {
    font-size: 120%
}
.vvv-popular a {
    font-size: 140%
}
.vvvv-popular a {
    font-size: 160%
}
.vvvvv-popular a {
    font-size: 200%
}
.vvvvvv-popular a {
    font-size: 120%
}
.vvvvvvv-popular a {
    font-size: 240%
}
.vvvvvvvv-popular a {
    font-size: 260%
}
#item-tags .element-text {
    line-height: 1.5em;
}
/*
#item-tags .element-text a[rel="tag"] {
    display: inline-block;
}
*/
.tag-list a:hover,
#item-tags .element-text a[rel="tag"]:hover {
    background-color: #F0F0F0;
    color: #005A9E;
}

/* -- Réseau -- */
#partage {
    margin-bottom: 20px;
    overflow: hidden;
}
#partage .dailymotion {
    background-image: url(../images/icone-dailymotion-mini.png);
    width: 17px;
}
#partage .facebook {
    background-image: url(../images/icone-facebook-mini.png);
    width: 16px;
}
#partage .flickr {
    background-image: url(../images/icone-flickr-mini.png);
    width: 17px;
}
#partage .google {
    background-image: url(../images/icone-google-mini.png);
    width: 41px;
}
#partage .linkedin {
    background-image: url(../images/icone-linkedin-mini.png);
    width: 17px;
}
#partage .twitter {
    background-image: url(../images/icone-twitter-mini.png);
    width: 17px;
}
#partage .viadeo {
    background-image: url(../images/icone-viadeo-mini.png);
    width: 17px;
}
#partage .youtube {
    background-image: url(../images/icone-youtube-mini.png);
    width: 17px;
}
#partage td a {
    margin: 3px 6px 0 0
}
#partage td strong {
    color: #787878;
    font-size: 1em;
    font-weight: bold;
    margin: 3px 12px 0 0;
}
#partage ul {
    list-style: none;
    overflow: hidden;
}
#partage ul li a {
    background-repeat: no-repeat;
    color: #000000;
    display: block;
    height: 17px;
    margin-right: 6px;
    overflow: hidden;
    text-indent: -9999px;
    width: 15px;
}
.container .reseau {
    margin: 18px 0 0 18px
}
.reseau #dailymotion,
header #reseau #dailymotion,
footer #reseau #dailymotion {
    background-image: url(../images/icone-dailymotion.png);
    width: 21px;
}
.reseau #facebook,
header #reseau #facebook,
footer #reseau #facebook {
    background-image: url(../images/icone-facebook.png);
    width: 20px;
}
.reseau #flickr,
header #reseau #flickr,
footer #reseau #flickr {
    background-image: url(../images/icone-flickr.png);
    width: 21px;
}
.reseau #google,
header #google,
footer #reseau #google {
    background-image: url(../images/icone-google.png);
    width: 47px;
}
.reseau #linkedin,
header #reseau #linkedin,
footer #reseau #linkedin {
    background-image: url(../images/icone-linkedin.png);
    width: 21px;
}
.reseau #twitter,
header #reseau #twitter,
footer #reseau #twitter {
    background-image: url(../images/icone-twitter.png);
    width: 21px;
}
.reseau #viadeo,
header #viadeo,
footer #reseau #viadeo {
    background-image: url(../images/icone-viadeo.png);
    width: 21px;
}
.reseau #youtube,
header #reseau #youtube,
footer #reseau #youtube {
    background-image: url(../images/icone-youtube.png);
    width: 21px;
}
.reseau li {
    border-right: 0 none;
    color: #FFFFFF;
    float: left;
    font-size: medium;
    list-style: none outside none;
    margin-top: 2px;
    padding: 0;
}
.reseau li a {
    color: #FFFFFF;
    display: block;
    font-size: medium;
    text-decoration: none;
}
.reseau li:first-of-type,
.reseau li:last-of-type {
    border-right: medium none
}
.reseau ul {
    display: inline;
    float: right;
    list-style: none outside none;
    margin-top: 3px;
    overflow: hidden;
}
.reseau ul li a {
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 19px;
    margin-right: 6px;
    overflow: hidden;
    text-indent: -9999px;
}

/*****************************
 * Print
 *****************************/
@media print {
    #content {
        float: none;
        margin: 0;
        width: 100%;
    }
    #search-container,
    #primary-nav,
    .secondary-nav,
    #document-nav,
    #header-image,
    .navigation,
    .pagination,
    #exhibit-page-navigation,
    .exhibit-section-nav,
    .exhibit-page-nav {
        display: none
    }
    a:link:after {
        content: " (" attr(href) ") ";
        font-size: 80%;
    }
    blockquote {
        font-style: italic;
        margin: 10pt 0 0;
    }
    body {
        font: 12px Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif
    }
    h1,
    #site-title {
        font-size: 16pt;
        font-weight: bold;
    }
    h2 {
        font-size: 14pt;
        font-style: italic;
    }
    h3 {
        font-size: 14pt
    }
    h4 {
        font-weight: bold
    }
    h5 {
        font-style: italic;
        font-weight: bold;
        text-transform: uppercase;
    }
    header {
        display: block;
        height: auto;
    }
    #bienvenue,
    #slogan,
    #menu,
    #vousetes {
        display: none;
    }
    header #logo {
        text-indent: 0;
    }
}

/*****************************
 * Autres non intégrés
 *****************************/
.account #primary,
.collections.show #primary,
.exhibit.show #primary,
.exhibit.show #primary,
.horiz #primary .mines {
    padding-top: 10px
}
.tags #primary .mines .element,
.tags #browse-header,
.browse #browse-header {
    margin-top: 10px
}
.browse #browse-footer {
    border-bottom: none;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 8px;
}
header #logo a,
#primary-nav li:hover > ul,
#primary-nav li ul li:hover > ul,
.simple-pages-navigation .current ul,
.page .gauche h2 a {
    display: block
}
textarea {
    width: 95%
}
.container .right{
    float: right;
}
#advanced-form *,
#advanced-form #record-types p,
.item-description p,
.exhibit h3 {
    font-size: 1em;
}
#advanced-form label,
#advanced-form #record-types,
#advanced-form #collection-search {
    font-size: 0.9em;
}

.collection_data.row,
.collection_data.row * {
/*  white-space: nowrap; */
/*  width: 250px;*/
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

h2 a,
h3 a {
    display: block;
}

#tagging-form {
    border: 1px solid;
    margin-top: 36px;
    position: absolute;
}
#tabs section #tagging-element p.description {
    margin-bottom: 12px;
}


/*
#tabs nav.secondary-nav ul.navigation li a {
    display:block;
    width:100%;
}
*/
.vignette {
    overflow: hidden;
}

#tabs .row #zoomable-images img{
    width: auto;
    height: 80px;
    max-width: 640px;
    max-height: 80px;
    margin: 1px 1px 0 0;
}

.top-margin-6 {
    margin-top: 6px;
}

select {
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url(../images/select-arrow-white.png) no-repeat 90% center;
/*    width: 100px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    color: #000;
    border-radius: 15px;
    padding: 4px;
    box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}
#advanced-form select {
    background: #3E3E3F url(../images/select-arrow-white.png) no-repeat 90% center;
    color: #C1C1C1;
}
.browse #search-filters .collection,
.browse #search-filters .item,
.browse #search-filters .exhibit,
.browse #search-filters .file {
    border-bottom: none;
    overflow: inherit;
}

#tabs section .tags-list li {
    display: inline-block;
    margin: 0 0 10px 0px;
    line-height: 1.5em;
}
#tabs section .tags-list li a {
    font-family: "Arvo",serif;
    height: 22px;
    padding: 8px 10px;
/*    font-weight: bold;*/
}
#tabs #document-nav ul li small {
    font-size: 0.9em;
    float: right;
}

.exhibit-block img {
    max-width: 100%;
}

#document-nav > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#document-nav > ul > li:first-child {
    flex-basis: 100%;
    flex-shrink: 1;
    display: flex;
    justify-content: center;
}

#item-notice > div.row {
  padding-left: 0;
  padding-right: 0;
}
#item-notice > div.row > h2 {
  margin-left: 6px;
  margin-right: 6px;
}