/* GUIDES */

div.guides {
    padding-bottom: 16px;
}
div.guides > .col {
    position: relative;
}
div.guides .info {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);

    background-color: #ffffff;
    opacity: 0.6;
    padding: 16px;
    padding-top: 30px;
}
div.guides .info > .name {
    position: absolute;
    top: -20px;
    right: 10px;
    font-size: 2em;
}
div.guides .info > .title {
    font-size: 1em;
    line-height: 1em;
}

div.guide-header {
    background-image: url(../images/guides/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    height: 356px;
    background-color:#463c3d;
}

div.guide-header .info {
    padding-top: 80px;
}

div.guide-header .info .image {
    padding-right: 40px;
}

ul.other_guides {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

ul.other_guides a {
    padding: 10px 20px;
    display: block;
    border: 5px solid #cecdc4;
    text-align: center;
    max-width: 200px;
    margin-right: 20px;
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.4em;

    background-color: rgba(56, 47, 49, 0.5);
    color: #f39200;
    height:125px;
}
@media screen and (max-width: 1199px) {
    ul.other_guides a {
        font-size:1.1em;        
    }
}

ul.other_guides a strong {
    margin-top: 10px;
    display: block;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1em;
}
ul.other_guides li a.green {
    color: #95c11f;
    background-color:#332b2d;    
}
ul.other_guides li a.orange {
    color: #f39200;
    background-color:#332b2d;
}
ul.other_guides li a.yellow {
    color: #ffed00;
    background-color:#332b2d;
}
ul.other_guides li a.white {
    color: #ffffff;
    background-color:#463c3e;
}

div.info {
    display: flex;
}

div.info > div.content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0;
}

div.info > div.content > div.name {
    color: #ffffff;
    font-size: 3em;
    line-height: 1.3em;
    font-family: 'Architects Daughter', sans-serif;
}

div.info > div.content > div.subtitle {
    font-size: 1em;
    line-height: 1em;
    font-family: 'Architects Daughter', sans-serif;
    /* color: #ffed00;*/
}
div.info > div.content > div.subtitle.green{
    color: #95c11f;
}
div.info > div.content > div.subtitle.orange{
    color: #f39200;
}
div.info > div.content > div.subtitle.yellow{
    color: #ffed00;
}
@media  screen and (max-width: 600px) {
  div.info > div.content > div.subtitle.green, div.info > div.content > div.subtitle.orange, div.info > div.content > div.subtitle.yellow {
    margin:0;
    padding:0;
    line-height:0;
  }
}

div.info > div.content > div.subtitle > em {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-style: normal;
    text-transform: uppercase;
}

div.intro {
    /*padding: 20px;*/
    padding-left:30px;
}
div.intro a {
    text-decoration:underline;
}

div.guide-content {
    padding: 15px 0 0;
}

h1 {
    /* font-family: 'Yanone Kaffeesatz', sans-serif; */
    font-family: 'Architects Daughter', sans-serif;
    font-weight:bold;
    font-size:2.4em;
    color:#463c3e;
}
h2 {
  font-family: 'Architects Daughter', sans-serif;     
}

div.container.navigation {
    display: flex;
    margin-top: 30px;
}
div.container.navigation > p {
    margin-right: 30px;
}

div.site-content h2 {
    margin: 30px 0;
    font-family: 'Architects Daughter', sans-serif;
    text-align: center;
}

div.box {
    background-color:#463c3e;
    margin-bottom: 15px;
    margin:5px;
}
div.box#current_box{
    background-color:#332b2d;    
}
div.box span.hidden {
    display:none;
    text-indent:-10000px;
}

div.box a div.element {
    padding:0;
    margin-left:10px;
    margin-right:10px;
    display: flex;
}
div.box a div.element img {
    padding-top:0px;
    padding-bottom:10px;    
}
div.box a div.element p {
    padding-top:5px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-align:center;
    width:100%;
}
div.box a div.element p, div.box div.element p{
    text-align: center;
    color: #ffffff;
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    text-transform: uppercase;    
}

div.box a#current_title_orange div.element p {
    color: #f39200;
}
div.box a#current_title_jaune div.element p {
    color: #ffed00;
}

/*################ 
div.box div.element {
    padding:0;
    margin-left:10px;
    margin-right:10px;
    display: flex;
}
div.box div.element img {
    padding-top:0px;
    padding-bottom:10px;
}
div.box div.element p {
    padding-top:5px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-align:center;
    width:100%;
}
div.box div.element p a{
    text-align: center;
    color: #ffffff;
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    text-transform: uppercase;    
}

div.box div.element p a#current_title_orange {
    color: #f39200;
}
div.box div.element p a#current_title_jaune {
    color: #ffed00;
}
##########################*/

@media screen and (max-width: 990px) {
    .col-3 {
        max-width:100%;
        flex: 0 0 100%;
    }
}

div.box.artefact {
    text-align:center;
}

div.box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.box.inline ul {
    display: flex;
}
div.box ul li {
    padding: 10px;
    padding-top: 0;
    text-align: center;
}
div.box.inline ul li {
    display: flex;
    justify-content: left;
}
div.box.inline ul li:nth-child(1) {
    order: 2;
}
div.box.inline ul li:nth-child(2) {
    order: 1;
}
div.box ul li  {
    color: #ffffff;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
   /* text-transform: uppercase;    */
}            
div.box ul li.games  {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-transform:none;
    font-size:1em;
    margin-bottom: auto;
    text-align:left;
}
div.box strong.sidebar_title {
    font-size:1.6em;
    padding:5px;
    text-align:center;
    color: #ffffff;
    font-family: 'Architects Daughter', sans-serif;
    
display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight:normal;
}

div.box p.sous_menu {
    text-align:center;
}


div.box ul li a {
    color: #ffffff;
    font-family: 'Architects Daughter', sans-serif;
}
div.box ul li a#current_title_orange {
    color: #f39200;
}
div.box ul li a#current_title_jaune {
    color: #ffed00;
}
div.box ul li a span.sous_texte  {
    text-transform: none;
    font-size:0.8em;
}
div.box ul li.sous_menu a  {
    color: #463c3e;
    font-family: 'Yanone Kaffeesatz', sans-serif;    
    font-size: 1.1em;
    line-height: 1.1em;
    text-transform: uppercase; 
    /*background-color:#cecdc4;     */
}
div.box ul li.sous_menu {
    width:100%;
    background-color:#cecdc4;        
    border-left:25px solid #463c3e;
    border-right:25px solid #463c3e;
    border-bottom:4px solid #463c3e;
    padding:10px;
    
}

div.artefacts-boxes div.box span span.text-artefact {
    font-size:1.3em;    
    color: #FFFFFF;
    font-weight:normal;
    font-family: 'Architects Daughter', sans-serif;    
}

div.box.inline ul li a {
    font-size: 1em;
}

div.box.inline img {
   /* max-width: inherit;*/
}

div.box.inline span {
    display: block;
    font-size: 1em;
}

div.box.inline.game {
    background-color:transparent;    
}

div.box.inline.game li {
    width:100%;
}

div.box.inline.game a {
    font-size:1.2em;
}

div.inline-boxes {
    max-width: 450px;
    padding-top: 30px;
}
div.inline-boxes.games {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: inherit;
  background-color:#463c3e;
}

div.inline-boxes.games > div.box.inline {
  max-width: 450px;
}

div.inline-boxes.games > div.box2.inline {
  max-width: 980px;
  color:white;
}

div.inline-boxes.games > div.box.inline a {
  display: flex;
  align-items: center;
}

div.inline-boxes h3 {
    padding-top: 30px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

.intro {
    /*display: flex; */
    flex-direction: column;
    align-items: center;
}
.intro p.citation {
    text-align:center;
    margin-left:100px;
    margin-right:100px;
    padding-top:30px;
    padding-bottom:30px;
}
.intro p.citation.longue {
    text-align:right;
    margin-left:0px;
    margin-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}

@media screen and (max-width: 600px) {
    .intro p.citation {
        text-align:center;
        margin-left:0px;
        margin-right:0px;
    }
}
.intro .section {
    max-width:100%;
    margin-top:30px;
}

video {
  width: 100%;
}

div.subtitle {
  padding-top: 30px;
}
 div.box ul li {
    line-height:normal;
 }
 div.box ul li.title{
    font-family: 'Architects Daughter', sans-serif;
 }
 figcaption {
    text-align: center;
    font-size: 1.5em;
    padding: 5px;
 }
 figure {
    text-align:center;
 }
 p.js_off {
     color:white;
     font-size:1.2em;
}
div.artefacts-boxes {
  display: flex;
  padding-bottom:30px;
  padding-top:20px;
}

.legend {
text-align: center;
font-size:0.9em;
/*font-style: italic;*/
}

.slider {
  display: flex;
  align-items: center;
  background-color:#c2c1bc;
}

.slider a img {
  max-width: 32px;
}

.popup {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    /* background-color:#c09463; */
    background-color:#84684a;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:18px;
    border:1px solid #f39200;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    padding:2px 10px;
    margin:1px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    }

.nodot {
    border-bottom:none;
}

/* Tooltip text */
.popup span {
    visibility: hidden;
    width: 420px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 6px;
    text-transform: none;
    font-size:1em;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.popup:hover span {
    visibility: visible;
}

.artefact-text {
    padding-left:30px;
}

#transcription {
    padding-top:5px;
    background-color: #e8e8e3;
    padding: 20px;
}

.pdf-icon {
  vertical-align:middle;
  padding-right:10px;    
}

#3d {
    width:150px;
}
.borderless td, .borderless th {
    border: none;
}
.blanc {
    color:#ffffff;
}
strong.popup.blanc h1{
    color:#ffffff;
}
.orange {
    color:#f39200;
}
.table td.gris-fonce {
    background-color:#332b2d;
    color:#ffffff;
}
.table td.gris-orange {
    background-color:#463c3e;
    color:#f39200;
    text-transform: uppercase;
    font-size:1.4em;
}
.table td.gris-blanc {
    background-color:#463c3e;
    color:#ffffff;
}
.table td.gris-pale-orange{
    background-color:#594d50;
    color:#f39200;
    text-transform: uppercase;
    font-size:1.4em;
}
.table td.gris-pale-blanc{
    background-color:#594d50;
    color:#ffffff;
}
.table-nonfluid {
   width: 100%;
}

@media screen and (max-width: 600px) {
    .table.calendrier img {
        max-width:none;
    }
    .table.calendrier td {
        padding: .1rem;
    }
    .table.calendrier h1 {
        font-size:1em;
    }
    .table.calendrier {
        font-size:0.7em;
    }
}


.no-margin {
  padding: 0 !important;
  margin: 0 !important;
}
#game a {
    text-decoration:underline;
}
img.game_capsules {
  max-width: inherit;
}
.guide-content p.manuscript {
    font-family: 'Architects Daughter', sans-serif;
    font-size:2em;
    color:#463c3e;
}

div.carte {
    text-align:center;
    background-color:#463C3E;
    padding:10px 10px 10px 10px;
    margin-bottom:20px;
}
div.carte a {
    color:white;
}
hr {
    margin-top:40px;
    margin-bottom:40px;
    color: #463c3e;
    background-color: #463c3e;
    height:2px;
    width:50%;
}

@media screen and (max-width: 990px) {
    ul.other_guides {
      flex-direction: column;
    }
    ul.other_guides a {
        /*padding: 2px;
        border: 1px solid #cecdc4;
        text-align: center;*/
    }
    ul.other_guides li {
      padding:10px;
    }
    
    
    ul.other_guides {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    ul.other_guides li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    ul.other_guides li, li a {
        width: 100%;
    }        
    
    div.info {
      flex-direction: column;        
    }
    div.container.navigation {
      flex-direction: column;        
    }
    .col-9 {
      flex:0 0 100%;
      max-width:100%;
    }
    img.game_capsules {
      min-width:110px;
      min-height:110px; 
      max-width:110px; 
      max-height:110px; 
    }
    div.info > div.content > div.name {
        padding-left:15px;
    }
    .info .image img {
        width:150px;
    }
    div.box ul {
        padding-right:10px;
    }
  
    div.guide-header {
        height: auto;
    }
}   
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:#ffed00 !important;
}

.artefact_text {
    margin-top:20px;
}
.inline-boxes.games div.full-width {
    width:100%;
}

figure.fluid {
    float:left;
    margin:10px;
}
button#btn-transcripion {
    margin-bottom:20px;
}

.google-map.claude {
     height: 401px;
}
div.image-localisation {
    text-align:center;
}
img.img-guide {
    max-width:none;
}
div.inline-boxes ul {
    list-style: none
}

table.table-responsive.borderless {
   overflow-x: inherit;
}
div.thumbnail div.caption {
    text-align:center;
}
div.mobile_version {
    display:none;
}
@media screen and (max-width: 1200px) {
    div.mobile_version {
        display:block;
    }
    #game {
        display:none;
    }   
}

div.game_zone {
    padding-bottom:30px;
}
div.lien_pdf {
    padding-top:10px;
}
div.guide_header {
    height:72px;
}
div.guide_header img {
    position:relative;top:-5px;
}
img.alt_top {
    vertical-align:top;
}
.sous_menu img {
    color:white;
}
img.img-guide, img#img_faites_votre_choix  {
    background-color:white;
}