/***   Nostalgia   ***/
/*pour des titres de miniatures + petits en noir sans text shadow*/
.card-title a, .card-footer {
  font-family: 'Raleway';
  color: black !important;
 text-shadow: none !important;
 font-size:1rem;
}
.card-thumbnail:hover a, .card-thumbnail:hover .card-footer > .ellipsis
{color: black;}
/*modifs Kat 15 janvier 2026*/
/*description image et album*/
div.container.pwgstuffs-container div.row,div#content-description.py-3, div.imageComment {
  background-color:rgba(255,255,255,.6);padding:1rem 1.5rem;border:0.15rem dashed rgb(207, 198, 181);outline:0.5rem solid rgba(255,255,255,.5); margin-top:2rem;margin-bottom:1rem;text-align:justify;
}
/*infos photos en mode grille et onglets*/
#card-informations.card.mb-2, #card-classification.card.mb-2, #card-metadata.card.mb-2, #card-comments.card.mb-2,
div#tab_info div#info-content, div#tab_metadata
 {
  background-color:rgba(255,255,255,.6);padding:1rem 1.5rem;border:0.15rem dashed rgb(207, 198, 181);outline:0.5rem solid rgba(255,255,255,.5); /*margin-top:2rem;margin-bottom:1rem;*/text-align:justify;
}
/*info photo sidebar*/
#sidebar .info {padding:0.5rem;}
dl#standard.imageInfoTable {
padding:0.3rem;
box-shadow: 5px 5px 20px #998e68; 
 border-color: white;
 border-style: solid;
  border-width:0px;}
.imageInfo DT {font-family:Cinzel;/*font-variant:small-caps;*/color:#000;font-weight:normal;/*width: 150px;*/font-size:0.8rem;font-weight:700;line-height:1;}
/**********************************************************************
modifs polo du 12 janvier 2026 en !important
polices et couleurs à tester, à modifier etc */

.navbar-dark .navbar-nav .nav-link {
    font-weight: bold !important;
}

.h2, h2, .contentDescription, .imageComment {
  font-family: 'Cinzel'!important;
  font-weight: bold !important;
}
.card-thumbnail .card-body, .card-thumbnail .card-footer {
    font-family: inherit !important;
}

.navbar-dark .navbar-nav .nav-link, #navbar-menubar #quicksearch {
  color: #000 !important;
}

.navbar-dark .navbar-nav .nav-link:hover, #navbar-menubar #quicksearch:hover, a.navbar-brand.mr-auto:hover {
  color: #fff !important;
}

.ellipsis {
    white-space: nowrap !important;
}

/**********************************************************************/
.bg-primary, button {background-color: #988d68 ;}
.navbar-dark .navbar-brand a {
  text-decoration: none;color: #000;font-weight:bold;
}
.navbar-dark .navbar-brand a:hover {color:#000;text-shadow:rgb(255, 207, 9) -1px -1px 0;}

body {color:#000;font-family: 'Raleway';font-size: 100%;background-image: url('../../img/parchemin.jpg');}
body:before {content: "";position: fixed;top: -0.6rem;left: 0;width: 100%;height: 0.6rem;z-index: 100;box-shadow:0 0 0.6rem rgba(153,142,104,.9)}
a {color:#000;/*font-variant:small-caps;font-weight:900;*/}
h5, h5 p, div#theImageComment div section#important-info h5 p {text-align:justify;}	
nav.navbar.navbar-expand-lg.navbar-main.bg-dark.navbar-dark
 {background-color: #C0B283 !important;margin:0;width:100%;padding:0;font-family:Cinzel; 
  box-shadow:0 0 0.6rem rgba(153,142,104,.9);background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3));
  font-weight:normal;font-size:1rem;}
a.navbar-brand.mr-auto{font-size: 2.9em;font-weight: bold;font-variant:small-caps;color:#000;text-align:center;margin-top:0;padding:1rem 0;}
.jumbotron{color:#000;padding:0;margin:0;background-image: url('../../img/parchemin.jpg');}
div#theHeader {min-height: 5vh;padding:0;margin:0;font-weight: bold;}
/*
nav.navbar.navbar-expand-lg.navbar-contextual.navbar-dark.bg-light.sticky-top.mb-2{background-image: url('../../img/parchemin.jpg');}
*/
div#navbar-menubar ul li#linksDropdown a, div#navbar-menubar ul li#categoriesDropdownMenu a, div#navbar-menubar ul li a, div#navbar-menubar ul li#identificationDropdown a {
}
div#navbar-menubar ul li#linksDropdown div a, div#navbar-menubar ul li#identificationDropdown a, div#navbar-menubar ul li div a,
  div#navbar-menubar ul li#categoriesDropdownMenu div a,
  div#navbar-menubar ul li div div form#quicksearch div input#qsearchInput,div#navbar-menubar ul li#identificationDropdown div div form#quickconnect, input#qsearchInput
  {color:#000;font-variant : normal; font-size:1rem;border:none;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active {background-color:rgba(172, 160, 118, .4) !important;}
div.navbar-brand, .nav-breadcrumb, /*a.nav-breadcrumb-item,*/ .nav-breadcrumb.d-inline-flex.nav-breadcrumb-item, .navbar-dark .navbar-brand {color:#000;}
.nav-breadcrumb > .nav-breadcrumb-item
{
  white-space: pre-line;
  overflow-x: display;
  overflow-y: display;
  text-overflow: display;
}


/* Ligne 24 */
.nav-breadcrumb .nav-breadcrumb-item
{
  max-width: 1024px;
}

/*Légende de vignettes*/
.card-thumbnail .card-body, .card-thumbnail .card-footer {background-color: rgb(192, 178, 131);color:#000;font-family:Cinzel;
font-size: .5rem !important;
text-align:center;
/*overflow-x: hidden;  overflow-y: hidden;*/}
.card-footer{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3));}
.card-capsule .card-body{
  width: 100%;
  text-align: left;
  bottom: -1px;
  font-size:1.2rem;
  max-height:2rem;
  padding:0;
}
.card-title {background-color: transparent;background-image: none;text-align:center;}
.card {background:inherit;}
.nav-item{background:inherit;}
.btn-primary{background:inherit;}
div.card-title
{
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  font-weight: normal;
  font-size: 1.2rem;
  color:#000;
  margin-bottom: 0px;
}

div.card-title a
{
  font-size:1.2rem;
font-weight: 700;
  color:#000 !important;
}

/*div.card.card-thumbnail div*/.h-100 {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3));}

div#theHeader {min-height:20vh;padding-bottom:0.5rem;margin-bottom:0.5rem;font-weight:bold;}
div.titrePage, div.titrePage h2 a {font-family:Cinzel;font-size: 1rem;font-weight:bold;}
div#theHeader h1 {font-family:Cinzel;font-size: 3em;font-variant:small-caps;text-align:center;margin-top:0;padding:1rem 0;vertical-align:top;} 
div#theHeader h1 a hover, div#theHeader h1 a {color:#000;decoration:none;}
div#theImage h2, h2 center {font-family:Cinzel;font-variant:small-caps;font-weight:bold;font-size:2rem;}
.img-cadre, div#theImage img#theMainImage, #osmmap, div.additional_info p a img, html > body#theCategoryPage.section-categories > div#wrapper > div.container-fluid.pwgstuffs-container > div.row > div#stuffs_block_3.pwgstuffs-col.col-12 {
 box-shadow: 5px 5px 20px #998e68; 
 border-color: white;
 border-style: solid;
 border-width:0px;
 display: block;
 padding:1%;
margin:2rem auto;
text-align:center;
}
label {color:#000;}
@media screen and (max-width: 64em) {
div#theHeader h1, h1 {
    font-size: 2.5em;
  }
}
div.additional_info p a:hover, a:hover, div#Copyrights_name dd a {font-weight:normal;color:#000;font-size:0.8rem;}

@media screen and (max-width: 50em) {
div#theHeader h1,h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 30em){
div#theHeader h1,h1 {
    font-size: 1.1em;
  }
}
@media (max-width: 1024px) {
   /* CSS appliqué aux petits écrans */
.imageInfo DT {
    width: 600px;
}
}
div.additional_info,.additional_info {background-color:#FFF;margin:10%;text-align:justify;}
.additional_info {margin:10%;padding:1rem 2rem;}
/*#copyright, #imageInfos, dl#standard.imageInfoTable,div.imageComment {background-color: rgba(192, 178, 131,.3);}*/
.imageInfoTable {width:90%;}
 div.imageComment {width:90%;margin:0 auto;text-align:left;padding:1%;}

  INPUT[type="password"],
  SELECT,
  #imaheHeaderBar,
  .selectize-input,
  .selectize-input.focus,
  .selectize-dropdown,
  .selectize-input input {background-color:#FFF;}
.titrePage, aside#menubar dl#mbCategories dd, #menubar DD, .actionButtonsWrapper .actionButtons, #albumActionsSwitcher + .categoryActions {background-image: url('../../img/parchemin.jpg'); box-shadow:0 0 0.6rem rgba(153,142,104,.9); 
 border-color: white;
 border-style: solid;
 border-width:0px;}
 .titrePage { box-shadow: 5px 5px 20px #998e68; 
 border-color: white;
 border-style: solid;
  border-width:0px;}
#qsearchInput {color:#000;}
TEXTAREA {box-shadow: 5px 5px 20px #998e68; 
 border-color: white;
 border-style: solid;
  border-width:0px;}
div#theImageAndInfos div#imageInfos{background-color:transparent;}
.wide #imageInfos{
  margin:0.5rem auto;
  padding:20px;
}
#osmmap {max-width:90%;}
.leaflet-container {margin-right;1.5%;}

.albThumbs li:hover .card-title 
{color: #f4f4f4;font-size:1rem;}
}
.wide #imageInfos
{margin : 0.5rem auto;
padding:20px;
}
div#theImageAndInfos div#theImage {padding:0 1%;
/*background-color:#E8E8EA;margin:0 10%;*/
box-shadow: 5px 5px 20px #998e68; 
border-color: white;
border-style: solid;
border-width:0px;}

.leaflet-marker-icon {
 border-color: #c0b283;
 border-style: solid;
  border-width:2px;}

/*.clearfix {height:0.1rem;clear: both;}*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 45px 15px 45px;
  margin: 20px;
  position: relative;
  width:auto;
  
  /*Font*/
  font-family: Arial, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid rgb(192, 178, 131);
  border-right: 2px solid rgb(192, 178, 131);
  
  /*Box Shadow - (Optional)*/
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
content: "\201C"; /*Unicode guillemet double gauche*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: rgb(192, 178, 131);
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
blockquote::after{
  /*Reset to make sure*/
  content: "";
}
blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
blockquote a:hover{
 color: #666;
}
blockquote em{
  font-style: italic;
}
#theImage img{
    /*object-fit: contain;
    height: auto; 
    width: auto; 
  max-height: 1000px;
    max-width: 1200px;
    margin:0 auto;*/
    max-width: 100%;
  height: auto;
}
#menubar dt a, div#imageHeaderBar.titrePage div.browsePath a, div#imageHeaderBar.titrePage div.browsePath h2 {font-weight:bold;}

/*légende en popup de la vignette*/
#thumbnails .gthumb .thumbLegend {background-color: rgb(192, 178, 131);}
#thumbnails .thumbLegend .thumbName, li.gthumb span.thumbLegend {font-family: Georgia, serif; font-size:0.8rem; font-weight: bold;color: #FFF;}

fieldset, fieldset legend {background-color:#FFF;box-shadow:0 0 0.6rem rgba(153,142,104,.9);}
/*modifie le nombre de lignes sous les vignettes*/
#content UL.thumbnails SPAN.thumbLegend {
  display: block;
  height: 4em;     /* hauteur de la légende*/
}
span.thumbLegend {z-index:10;}
aside#menubar dl#mbCategories dd {z-index:100;}

.tagLevel1 {font-size:1rem;color:#000;}
.tagLevel2 {font-size:1.4rem;color:rgb(206, 4, 13);}
.tagLevel3 {font-size:1.8rem;color:rgb(27, 146, 108);}
.tagLevel4 {font-size:2.2rem;color:rgb(63, 81, 181);}
.tagLevel5 {font-size:2.5rem;color:rgb(223, 105, 26);}
.tagLevel1,.tagLevel2,.tagLevel3,.tagLevel4,.tagLevel5 {
border: 1px solid rgb(67, 94, 149);
border-radius: .25em;
background-color: #FFF;
padding: 0 .3rem;
font-variant:small-caps;
}
.infos {background-color: #F9BD3B;}
div#theImage p {text-align:left;padding: 0 5%;font-size:0.9rem;margin:0 0 -1rem 0;}
div.container-fluid.pwgstuffs-container > div.row > div#stuffs_block_3.pwgstuffs-col.col-12 {max-width:75%;}

/* plugins */

/*#ato_header ul li a, #ato_header ul li a:hover, div#ato_header_closed a.icon-tools:hover, div#ato_header_closed a.icon-tools {background-image: url('../../img/parchemin.jpg');color:#000;text-shadow:rgb(255, 207, 9) -1px -1px 0;font-weight:normal;}*/


/* admintools bar : faut mettre !important partout sinon le css du plugin reprend le dessus */
#ato_header, #ato_header_closed:not(.smartpocket) {/*background-image: url('../../img/parchemin.jpg') !important;*/box-shadow: 5px 5px 20px #998e68; color:#000 !important;background:#c0b283 !important;}
#ato_header:hover, #ato_header_closed:not(.smartpocket):hover {background:#c0b283 !important;color:#000 !important;}
#ato_header > ul ul {
background-color: #c0b283 !important;
color: #000 !important;  
  /*box-shadow: 0 0 0 5px #c0b283 inset, 0 0 0 6px rgba(255, 255, 255, 0.6) inset, 0 0 40px #4c2910 inset, 0 10px 15px -10px rgba(0,0,0,0.6) !important;*/
  padding:0.5rem !important;border-radius: 10px;border-color:#c0b283 !important;
}
#ato_header > ul ul:hover {
background-color: #c0b283 !important;
color: #fff !important;}
#ato_header > ul ul li > * {
    color: #000 !important;
}
/*.icon-home:hover,
.icon-picture:hover,
.icon-sitemap:hover,
.icon-users:hover,
.icon-puzzle:hover,
.icon-wrench:hover,
.icon-cog:hover
{color:#fff !important;}*/
#ato_header > ul ul li:hover {background:#988d68 !important;text-shadow:none;color:white !important;}
#ato_header > ul ul li > a {
    background-color: transparent !important;}
#ato_header > ul > li a {color: white !important;}
div#ato_header ul li.parent a.icon-menu.ato-min-1,
div#ato_header ul li.parent.right.multiview a.icon-cog-alt.ato-min-1,
div#ato_header ul li.parent a.icon-pencil.ato-min-2,
div#ato_header ul li a.icon-flag.add-caddie.ato-min-2,
div#ato_header ul li a.icon-plus-circled.ato-min-2,
div#ato_header ul li a.icon-ato-trophy.set-representative.ato-min-2,
div#ato_header ul li a.icon-ato-cancel.close-panel,
.parent
 {background-color:#C0B283 !important;color:#000 !important;}
 div#ato_header ul li.parent a.icon-menu.ato-min-1:hover,
 div#ato_header ul li.parent.right.multiview a.icon-cog-alt.ato-min-1:hover,
 div#ato_header ul li.parent a.icon-pencil.ato-min-2:hover,
 div#ato_header ul li a.icon-flag.add-caddie.ato-min-2:hover,
 .parent:hover
   {background-color:#C0B283 !important;color:#fff !important;font-weight:bold;}
 
 #ato_header > ul ul li > * {color:#000 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

/*OSM*/
/*couleur des clusters OSM - NB ça ne prend pas sans les !important*/
.marker-cluster-small {background-color: #2a2d7a !important;}/*cercle de couleur*/
.marker-cluster-medium {background-color:#e67700 !important;}/*cercle de couleur*/
.marker-cluster-large {background-color:rgb(142, 4, 11) !important;}/*cercle de couleur*/
.marker-cluster-small div {background-color: #ffffff !important;}/*fond blanc*/
.marker-cluster-medium div {background-color: #ffffff !important;}/*fond blanc*/
.marker-cluster-large div {background-color: #ffffff !important;}/*fond blanc*/
/* largeur carte OSM : marges pour pouvoir faire défiler la page au lieu de zoomer la carte*/
div#osmmap {max-width : 95%;margin:0 auto;}
/*cadre autour des vignettes carrées*/
.leaflet-marker-icon, .leaflet-marker-shadow  {border: 2px solid rgb(149,86,26);}