/* ScrolBar */

::-webkit-scrollbar{
  width: 12px;
}
 
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 10px;
}
 
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* Curseur */


/* Polices */


@font-face {
  font-family: "Geo";
  src: url('../../custom/polices/GeosansLight.ttf');
}

@font-face {
  font-family: "Dist";
  src: url('../../custom/polices/DistProTh.otf');
}

@font-face {
  font-family: "GlossBloom";
  src: url('../../custom/polices/Gloss_And_Bloom.ttf');
}


/* Dans cette fenêtre, écrivez les informations pour configurer votre galerie Piwigo. */

html{
  height: 100%;
}

body{
 /*background-image:url(../../custom/img/background0.jpg);*/
 background-color: #CCCCCC;
 /*background-repeat: no-repeat;*/
 background-position: center center;
 height: 100%;
 /*background-color: red;*/
 background-size: 100%;
}

body.background0{
 background-image: url(../../custom/img/background0.jpg) !important;  
}

body.background0.blur{
 background-image: url(../../custom/img/background0_blur.jpg) !important;  
}

body.background1{
 background-image: url(../../custom/img/background1.jpg) !important;  
}

body.background1.blur{
 background-image: url(../../custom/img/background1_blur.jpg) !important;  
}

body.background2{
 background-image: url(../../custom/img/background2.jpg) !important;  
}

body.background2.blur{
 background-image: url(../../custom/img/background2_blur.jpg) !important;  
}

body.background3{
 background-image: url(../../custom/img/background3.jpg) !important;  
}

body.background3.blur{
 background-image: url(../../custom/img/background3_blur.jpg) !important;  
}

body.background4{
 background-image: url(../../custom/img/background4.jpg) !important;  
}

body.background4.blur{
 background-image: url(../../custom/img/background4_blur.jpg) !important;  
}

body.background5{
 background-image: url(../../custom/img/background5.jpg) !important;
}

body.background5.blur{
 background-image: url(../../custom/img/background5_blur.jpg) !important;
}

body.background6{
 background-image: url(../../custom/img/background6.jpg) !important;
}

body.background6.blur{
 background-image: url(../../custom/img/background6_blur.jpg) !important;
}

body.background7{
 background-image: url(../../custom/img/background7.jpg) !important;
}

body.background7.blur{
 background-image: url(../../custom/img/background7_blur.jpg) !important;
}

body.background8{
 background-image: url(../../custom/img/background8.jpg) !important;
}

body.background8.blur{
 background-image: url(../../custom/img/background8_blur.jpg) !important;
}

#menubar, #content{
  text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  background: rgba(150,160,190,0.4);
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);
  /*box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.65);*/
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  color: #FFFFFF;
}

#menubar dt, #content .titrePage, #imageHeaderBar{
  font-family: "Geo";
}

#menubar dd li{
  list-style-type: circle;
}

#theHeader{
  padding-top: 10px;  
}

#theHeader h1{
  font-family: "GlossBloom";
  font-size: x-large;
  color: #38332C;
  text-shadow: 1px 1px 1px #FFFFFF;
}

#theHeader p{
  font-family: "Geo";
  font-size: normal;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #38332C;
}

/* Page Image */

#thePicturePage #theHeader{
  display: none; 
}

#thePicturePage #content{
  background: transparent;
  border: none;
}

area[title^=Suivante]{
  cursor: url("../../custom/img/right-arrow.png"), e-resize;
}

area[title^=Précédente]{
  cursor: url("../../custom/img/left-arrow.png"), w-resize;
}

area[title^=Miniatures]{
  cursor: url("../../custom/img/exit-up.png"), n-resize;
}

#theMainImage{
  /*box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.6);*/
  box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.6);
}  

#imageInfos dt{
  color: #FFFFFF;
}

#imageInfos{
  text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  background: rgba(55,65,75,0.8);
   /*box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);*/
  box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.4);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  font-family: "Geo";
}

div.thumbHover{
   background-image:url(../../custom/img/exit.png);
   background-size: 120px 120px;
   background-repeat: no-repeat;
   border: none;
   text-align: center;
   vertical-align: center;
   padding-top: 40px;
}

#Metadata h3{
   cursor: pointer;
   text-decoration: underline;
   font-weight: bold;
}

#udp{
  margin-bottom: 10px;
}

/* Commentaires */

#comments{
  text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  background: rgba(55,65,75,0.8) !important;
  /*box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15);*/
  box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.65);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  color: #FFFFFF;
  /*max-height: 300px;*/
}

#commentAdd{
  width: 99%;
}

#comments.commentshidden{
  background: rgba(55,65,75,0.10) !important;
}

/* LIENS: Gérer les arrières plans */

#manage_background{
  margin-left: 5px;
  float: right;
}

#manage_background a{
  cursor: pointer;
}

/* FORMULAIRES */
form{
  text-shadow: 1px 1px 1px #000000;
}

legend{
  color: #FFFFFF;
  font-family: "Geo";
  text-shadow: 1px 1px 1px #000000;
  font-weight: bold;
  padding: 5px;
}

input:not([type=button]):not([type=submit]), textarea, select {
    border-radius: 2px;
    padding-left: 5px;
}

/* Forecast */

section.fc-section{
    background: transparent !important;
    height: 100px !important;
}

section.fc-section, section.fc-section *{
    color: #FFFFFF;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    border: none;
    font-family: "Geo";
}

/* Panoramas */

.panorama-footer{
  background: rgba(150,160,190,0.4) !important;
}

.panorama-viewport{
  border: none;
}

/* Calendrier */

.calItem{
 border: none;
 text-shadow: 1px 1px 1px #000000;
}

a.calItem{
  color: #FFFFFF;
}

.calendarTitle{
  background: rgba(50,60,90,0.4);
  padding-left: 20px;
  padding-right: 10px;
}

.switchBox{
  color: #FFFFFF;
  border: solid 1px #CCCCCC;
  background: rgba(55,65,75,0.8);
}

table.calMonth tr, table.calMonth td{
  border-color: #FFFFFF;
}

td.calDayCellEmpty{
  text-shadow: 1px 1px 1px #000000;
}

/* Mot-clés */

ul.token-input-list{
  background: rgba(55,65,75,0.4) !important;
  border-radius: 8px;
}

/* Bouton Play/Pause */

.lecteurmusiquebackground{
  float: left;
}

.lecteurmusiquebackground div.boutonplay{
   background-image:url(../../custom/img/play.png);
   background-size: 60px 60px;
   background-repeat: no-repeat;
   border: none;
   text-align: center;
   vertical-align: center;
   width: 60px;
   height: 60px;
   opacity: 0.5;
   margin-top: 20px;
   margin-left: 20px;
}

/* Vignette aperçu */

#tooltip{
  background-color: rgba(255, 255, 255, 0.5);
}

#tooltip img{
  opacity: 1;
}

#tooltip span{
  color: #000000;
  font-weight: bold;
  text-shadow: 0px 0px 4px #FFFFFF;
}