@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family:"Brown-Regular";
    src:url("../fonts/Brown-Regular.woff2") format("woff2"),url("../fonts/Brown-Regular.woff") format("woff"),url("../fonts/Brown-Regular.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Brown-Light";
    src:url("../fonts/Brown-Light.woff2") format("woff2"),url("../fonts/Brown-Light.woff") format("woff"),url("../fonts/Brown-Light.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"LyonText-Regular";
    src:url("../fonts/Lyon%20Text-Regular.woff2") format("woff2"),url("../fonts/Lyon%20Text-Regular.woff") format("woff"),url("../fonts/Lyon%20Text-Regular.otf") format("opentype");
    font-style:normal;font-weight:400;
}
* {
	box-sizing: border-box;
}
header{
	z-index:9999 !important;
}
.header__title-link {
	color: #202332 !important;
}
/**/
body {
	/* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	background:#2f3349 !important;
	color:#fff;
	font-family:Brown-Light;
}
sup {font-size:60%;vertical-align: super;line-height:1px;}
/*tetiere*/
header{
	border-bottom:1px solid #b4b4b4 !important;
	font-family:Brown-Regular;
	position:fixed !important;
}
header .icon{
	fill:#000 !important;
}
.header-title-link {
    text-decoration: none;
    color: #000 !important;
}
/*notice*/
.container.notice{
	padding:0 !important;
	max-width:none;
}
.notice #container{
	background:#202333 !important;
}
#zoomifyControler, #ViewerDisplay{
	background:#202333 !important;
}
.notice .bandeauTitre{
	background: #2f3349;
	border-bottom:1px solid #373d51;
	color:#fff;
}
.notice .content{
	font-family:Brown-Light;
}
.notice .content .icon{
	fill:#fff;
}
.content h1{
	font-family:Brown-Regular;
}
.content h2{
	font-size:.9em
}
.notice .texte a:link, .notice .texte a:visited, .notice .credits a:link,.notice  .credits a:visited, .notice .description a:link, .notice .description a:visited, .notice .region a:link,.notice .region a:visited, .provenance a:link, .provenance a:visited, .soustitre a:link, .soustitre a:visited,
.soustitre, .notice .auteur, .notice .description, .notice .region, .notice .provenance,.notice .credits,.notice  .texte, .notice .legende {
    color: #fff;
}
.bandeauTitre > div.titreContainer {
 padding-right: 145px;
}
.notice .listeLiens,
.notice .commandertxt,
.notice .listeLiens a:link,
.notice .listeLiens a:visited,
.notice .commander a:link,
.notice .commander a:visited,
.notice .commander,
.notice a.banklien:link,
.notice a.banklien:visited,
.notice #partager #intitule
{
	color:#fff;text-decoration: none;
}
.listeLiens a:hover,
.commander a:hover
{
	color:#768f9b !important;text-decoration: none;
}
#navContainer > div:hover .icon,
#buttonInfo:hover .icon
{
	fill:#768f9b;
}
.imgassoc {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: block;
    height: auto !important;
    background-position: bottom left;
}
.imgassoc:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.slick-slide{
	margin:10px;
}
#copyrightglobe3d {
    color: #FFF;
    background: rgba(255, 255, 255, 0.17) none repeat scroll 0% 0%;
    position: absolute;
    right: 0%;
    top: 93%;
    padding: 2px 8px;
	font-size:14px
}
/*TOUTE L'ICONO*/
body.icono {
	height: auto !important;
	position: relative !important;
}
body.icono h1{
	font-size: 20px;
	text-align: center;
}
.icono .maincontainer {
    position: relative;
    font-size: .8em;
    background-color: #2f3349;
    padding: 10em 0 0;
    z-index: 900;
	color:#fff;
	font-family:Brown-Light;
}
.icono .deepening-text-wrapper, .icono .deepening-wrapper, .icono .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.icono .page-top-title-text {
margin-left:0
}
.icono .grid .vignette {
	position: relative;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 1em;
	border: 1px solid #fff;
	padding:10px;
}

.icono .grid .vignette .inner {
	width: 250px;
	position: relative;
}
.icono .grid .vignette .texte {
margin-top: .5em;

}
.icono .grid .vignette .texte .titre {
	display: block;
}
.icono .grid .vignette .inner .image {
	width: 170px;
	height: 170px;
	margin: 0 auto;
	position: relative;
}

.icono .grid .vignette .inner .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	
}
.icono .grid .vignette a:link,
.icono .grid .vignette a:visited {
	text-decoration: none;
	color: #fff;
}
.icono .grid  {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	grid-gap: 30px;
	width: 100%;
	margin-top: 3em;;
	color: white !important;
	font-size: 14px;
}
.page-top-title {
	width:100%;
	display: block;
}
/*ALBUMS*/
#container.albums {
	font-family: "Brown-Light";
}
.container.albums #visuelintro #titreIntro {
	background: #2f3349;
	text-transform:uppercase;
	font-family:"Brown-Regular";
	padding:1em;
}
.container.albums .bb{
	display:none !important;
}
bodypage, #zoomifyContainer, #mosaique, #introcredits{
	background:#2f3349;/*le fond général autour de l'album*/
}
#bandeauHorizontal {
	background:#2f3349;/*le fond du bandeau des vignettes*/
	border-top:1px solid #fff;
}
#nav,
#zoomifyToolbar{
	background:#2f3349;/*le fond de la nav zoomify des vignettes*/
	border-top:1px solid #fff;
}
.vignetteOn{
	border: 1px solid #fff;/*la couleur du filet de la vignette allumée*/
}
#titreRollTexte {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 42%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 42%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,.7) 0%,rgba(255,255,255,0.55) 52%,rgba(255,255,255,.25) 75%);

}
#containertextedessous{
	background:#2f3349;/*le fond du volet texte*/
	border-top:1px solid #fff;/*le border top du volet texte*/
	color:#fff;/*la couleur de texte du volet texte*/
}
#containertextedessous a:link,
#containertextedessous a:visited
{
	color:#fff;/*la couleur des liens du volet texte*/
	text-decoration:underline;
}
#textedessous .region,
#textedessous .auteur,
#textedessous .description,
#textedessous .provenance,
#textedessous .credits
{
	color:#d0d0d0;/*la couleur des infos du volet texte*/
}

/*boutons nav*/
.container.albums #nav,
.btn-fermer .icon,
.customcolor,
.container.albums .iconcontainer .icon,
.container.albums #nav div a:link,
.container.albums .boutonLancer,
.btnBandeRetour .icon,
.btnBandeSuite .icon
{
	color:#fff;
	fill:#fff;
}
.container.albums .icon-bulletexte{
	stroke:#fff;
}
.container.albums .boutonLancer:hover a,
.container.albums .boutonLancer:hover .icon,
.container.albums .iconcontainer:hover .icon,
.fleches .iconcontainer:hover .icon,
.customcolor:hover .icon,
.btn-fermer:hover .icon
{
	color:#768f9b !important;
	fill:#768f9b !important;
}
.btnBandeRetour:hover .icon,
.btnBandeSuite:hover .icon,
.btnTexte:hover .icon
{
	stroke:#768f9b !important;
}
/*zoomify*/
#NavigatorDisplay{
	border-right:1px solid #b4b4b4 !important;
	border-left:1px solid #b4b4b4 !important ;
}
#navigatorBackground{
	background:#9d9389 !important;
}
#navigatorRectangle{
	border:1px solid #fff !important;
}
/*LIVRES*/
.flipbook .container{
	padding:0 !important;
	max-width:none;
}
.wowbook-hardpage, .leaflet-container{
	background:#2f3349 !important;
}
.flipbook .titreLivre{
	background: rgba(0,0,0,.1);
	font-size:16px;
}
.flipbook #bandeauHorizontal, .flipbook .gpnav, .flipbook .wowbook-toolbar{
	background:#fff;
}
.flipbook .textecontainer{
	background:rgba(255,255,255,.9);
}
.flipbook #bandeauHorizontal .c{
	border:1px solid transparent;/*border vignette*/
}
.flipbook #bandeauHorizontal .c.active{
	border:1px solid #8c8785;/*border vignette active*/
}
.flipbook #bandeauHorizontal .c .num{
	background:#8c8785;
	color:#fff;
}
.flipbook .legende{
	color:#fff;
}
.flipbook #introcredits{
	background:#2f3349;
	z-index:9999;
}
.flipbook .textecontainer .commentaire{
	color:#000;
}
/*bouton close*/
.buttonClose .icon{
	fill:#fff;
}
.textecontainer .buttonClose .icon{
	fill:#000;
}
/*bouton nav*/
.wowbook-control, .flipbook .folio{
	color:#000;
	font-size:16px;
}
.wowbook-control .icon,
.menu-open .icon,
.menu-close .icon,
.gpnav .icon{
	fill:#000;
}
.lancer .icon{
	fill:#fff;
}
/*boutons contextuels*/
.tool .icon{
	fill:#fff;
}
.tool .icon-bulletexte{
	stroke:#fff;
}
/*boutons contextuels roll*/
.tool-button:hover .icon{
	fill:#768f9b;
}
.tool-comment:hover .icon-bulletexte{
	stroke:#768f9b;
}
/*boutons inactifs*/
.wowbook-control.inactive .icon,
.no-touch .wowbook-control.inactive:hover .icon{
	fill:#c0c0c0;
	cursor:default;
}
/*boutons roll*/
.no-touch .wowbook-control:hover{
	color:#8c8785
}
.no-touch .wowbook-control:hover .icon,
.no-touch .menu-open:hover .icon,
.no-touch .menu-close:hover .icon,
.no-touch .gpnav .iconcontainer:hover .icon,
.no-touch .buttonClose:hover .icon
{
	fill:#768f9b
}
.no-touch .btn-fermer:hover .icon /*bouton fermer roll*/
{
	fill:#fff
}

/*EXPLO*/
.containerexplo #intro{
	background:rgba(255,255,255,.9) !important;/*font texte intro*/
	color:#000;
}
#container, #titreExplo, #nav, #introcredits, .tooltipster-content {
    font-family:"Brown-Light" !important;
}
.explo #introcredits{
	background:#2f3349;
	color:#fff;
}
.explo .icon-bulletexte{
	stroke:#fff;
}