@font-face {
    font-family: sourcereg;
    src: url(../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
      }

  @font-face {
    font-family: Caveat-Medium;
    src: url(../fonts/Caveat/static/Caveat-Medium.ttf);
    
      }



body {background-color: #FFFFFF !important; color: #000000 !important; }
p {font-size: 15px; line-height: 1.8 ; margin: 10px; }
h2 {margin: 10px; font-family: sourcereg;}
h3 {font-family: Caveat-Medium; font-size: 40px;}
h5 {font-size: 20px; line-height: 1.8 ; margin: 10px; }
h6 {font-family: sourcereg; font-size: 16px;}
button { border: none; background-color: #DDD; }



          
  .w3-sidebar {z-index:3;max-width: 450px; max-height: 680px ; background-color: #FFFFFF; color: #000000; margin-top: 25px;  }



  .english { color: grey; padding-left: 35px;}
  .PreArr{display: inline; font-size: 18px; font-family: sourcereg;}
  .SuivArr{display: inline; font-size: 18px; font-family: sourcereg}
  .copieright {text-align: right; font-size: 10px; color: grey;}
  .home-image { width: 100%;}

.PreArr, .SuivArr{  padding: 4px 12px; cursor: pointer; }

.buttonTrans  { border: none;  font-size: 17px;margin: 10px; padding-top: 20px;}

.image-darkable {   }
/*ne sert pas vraiment*/

.dark hr{ border-top:1px solid #444; }
.dark {background-color: #000000 !important; color: #FFFFFF !important}
.dark .w3-sidebar {background-color: #000000 !important; color: #FFFFFF !important}
.dark {background-color: #000000 !important; color: #FFFFFF !important}
.dark .w3-sidebar {background-color: #000000 !important; color: #FFFFFF !important}
/*nav { border: 1px solid red; }*/
/*.dark .w3-leftbar {border-left:6px solid #555!important}*/
.dark .w3-sand {  background-color: #222222!important; color: #f7f7f7!important; }
.dark .h5 {background-color: #000000 !important; color: #C0C0C0 !important}
.dark .w3-bar {background-color: #000000 !important; color: #DCDCDC !important}
  

.dark .image-darkable {  filter: invert(100%);   }
  /*nav { border: 1px solid red; }*/




  .infomenu {
    position: fixed; 
    top: 0px; right: 0px;

    display: flex;
    justify-content: flex-end;
    
    width: 100px; height: 100px;
    z-index: 20; padding: 4px 8px;

  }
/*
  .infosubmenu {}
  .infosubmenu a.sub-btn {  }*/



  @media only screen and (max-width: 993px) {

    .infosubmenu { b }
    .infomenu {  top: calc(100vh - 40px); right: calc( 100vw - 90px);  }
    div.info-inside-menu { display: flex;  }
  }




  figure { width: 100%; margin: 0; padding: 0; cursor: none; } 
  figcaption span { display: none; } 
  figcaption span:nth-child(1) { display: inline-block; font-size: 15px;} 

  figure img { pointer-events: none; }

.w3-display-container{}
.w3-container {}




#transcriptionParag { padding : 35px; background-color: rgba(160,160,160,0.2); font-size: large ; line-height: 2; margin: 10px; font-family: SourceSansPro-regular;}

.invisible { display: none; }