@font-face {
    font-family: 'ServeticaThinK';
    src: url('/../font/ServeticaThinK/ServeticaThinK.woff?v=1657466726') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'symbols';
    src: url('/../font/symbols/symbols.woff?v=1657466720') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeuve';
    src: url('/../font/Helvetica_Nueve/HelveticaNeue.ttf') format('truetype'),
      url('/../font/Helvetica_Nueve/HelveticaNeue.woff') format('truetype'),
      url('/../font/Helvetica_Nueve/HelveticaNeue.eot') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'M-2p-thin';
    src: url('/../font/webfonts_M-2p-thin/M-2p-thin.ttf.eot');
    src: url('/../font/webfonts_M-2p-thin/M-2p-thin.ttf.eot?#iefix') format('embedded-opentype'),
         url('/../font/webfonts_M-2p-thin/M-2p-thin.ttf.woff') format('woff'),
         url('/../font/webfonts_M-2p-thin/M-2p-thin.ttf.ttf') format('truetype'),
         url('/../font/webfonts_M-2p-thin/M-2p-thin.ttf.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Servetica-Thin';
    src: url('/../font/webfonts_Servetica-Thin/Servetica-Thin.eot');
    src: url('/../font/webfonts_Servetica-Thin/Servetica-Thin.eot?#iefix') format('embedded-opentype'),
         url('/../font/webfonts_Servetica-Thin/Servetica-Thin.ttf') format('truetype'),
         url('/../font/webfonts_Servetica-Thin/Servetica-Thin.svg#dreamwalkerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'BPtypewrite';
    src: url('/../font/BPtypewrite/BPtypewrite.woff?v=1657466726') format('woff'); 
        /*url('/../font/BPtypewrite/BPtypewrite.ttf?v=1657466726') format('truetype');*/
    /*src: url('/../font/BPtypewrite/BPtypewrite.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;

}

/*not used for now - mail & instagram*/
/*@font-face {
  font-family: 'icons';
  src: url('/../font/icons/icons.eot?14817829');
  src: url('/../font/icons/icons.eot?14817829#iefix') format('embedded-opentype'),
       url('/../font/icons/icons.woff2?14817829') format('woff2'),
       url('/../font/icons/icons.woff?14817829') format('woff'),
       url('/../font/icons/icons.ttf?14817829') format('truetype'),
       url('/../font/icons/icons.svg?14817829#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/**/

/* DISTANT FONTS : Montserrat */

/* -------------------------------------------- GENERALES */

/*------------------------ICONS*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */

/* ----------------------------------------*/

/* ====================== MEDIA QUERIES ==================== */
html { font-size: 4vw; } /* font size : 10.8px - e18px */

body { 
    font-size: 3vw; 
}


/*@media (min-width: 480px) and (max-width: 1599px) { 
  html { font-size: 16px; }
}

@media (min-width: 1600px) { 
  html { font-size: 1vw; }
}
*/

/* 16px ?? */
/*
@media (min-width: 480px) and (max-width: 767px) { 
  html { font-size: 1.4vw; }
}
*/

/*@media (min-width: 600px) and (max-width: 767px) { 
  html { 
    font-size: 18px; 
  }
}

@media (min-width: 768px) and (max-width: 825px) { 
  html {
    font-size: 16px;
  }
}

@media (min-width: 900px) and (max-width: 1115px) {  
  html {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1425px) {  
  html {
    font-size: 16px;
  }
}*/
@media (min-width: 800px) and (max-width: 999px) {  /* font size : 16px */
  html {
    font-size: 2.5vw;
  }
}

@media (min-width: 1000px) and (max-width: 1249px) {  /* font size : 16px */
  html {
    /*font-size: 2vw;*/
    font-size: 1.6vw;
  }
}

@media (min-width: 1250px) and (max-width: 1799px) {  /* font size : 16px */
  html {
    font-size: 1.5vw;
  }
}

@media (min-width: 1800px) {  /* font size : 16px */
  html {
    font-size: 1.2vw;
  }
}

.grid-item {
  padding-top: 0%;
  width: 48vw;
  height: 48vw;
  /*padding-top: 48%;*/
}

div.loader-container {
  /*height: 50px;
  width: 90px;*/
    height: 8vw;
    width: 20vw;
}

div.progress-bar {
    height: 2.8vw;
}
div.progress-counter {
    font-size: 3.2vw;
}


/*changed from 768 - 640 - 1vw so that mobile horizontal are in 3 columns*/
@media (min-width: 575px) and (max-width: 899px) {
/*@media (min-width: 768px) and (max-width: 899px) {*/  /* font size : 14.9px - 17.44px */
  body { 
    font-size: 1.94vw; 
  }

    .grid-item {
        padding-top: 0%;
        width: 31vw;
        height: 31vw;
        /*padding-top: 31%;*/
    }

    div.loader-container {
      /*height: 50px;
      width: 90px;*/
        height: 4vw;
        width: 10vw;
    }

    div.progress-bar {
        height: 1.4vw;
    }
    div.progress-counter {
        font-size: 1.6vw;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {  /* font size : 12.96px - e17.3px */
  body { 
    font-size: 1.44vw; 
  }

    .grid-item {
        padding-top: 0%;
        width: 23vw;
        height: 23vw;
        /*padding-top: 23%;*/
    }

    div.loader-container {
      /*height: 50px;
      width: 90px;*/
        height: 3.6vw;
        width: 9vw;
    }

    div.progress-bar {
        height: 1.3vw;
    }
    div.progress-counter {
        font-size: 1.4vw;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {  /* font size : 13.5px - e18px */
  body { 
    font-size: 1.125vw; 
  }

  .grid-item {
    padding-top: 0%;
    width: 18vw;
    height: 18vw;
    /*padding-top: 18%;*/
  }

  div.loader-container {
      /*height: 50px;
      width: 90px;*/
        height: 2.8vw;
        width: 7vw;
    }

    div.progress-bar {
        height: 1vw;
    }
    div.progress-counter {
        font-size: 1.1vw;
    }
}

@media (min-width: 1600px) {  /* font size : 16px ou + */
  body { 
    font-size: 1vw; 
  }

  .grid-item {
    padding-top: 0%;
    width: 18vw;
    height: 18vw;
    /*padding-top: 18%;*/
  }

    div.loader-container {
      /*height: 50px;
      width: 90px;*/
        height: 2vw;
        width: 5vw;
    }

    div.progress-bar {
        height: 0.7vw;
    }
    div.progress-counter {
        font-size: 0.8vw;
    }
}
/*@media (min-width: 1200px) and (max-width: 1599px) { 
  html { font-size: 1.1vw; }
}*/



/*-------------------------------------------------------------*/

body {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;

    min-height: 100vh;
    text-size-adjust: none;
    margin: 0;
    text-align: center;
    overflow-y: auto;
     overflow-x: hidden;
     cursor: crosshair;
}

/* width */
::-webkit-scrollbar {
    /*width: 10px;*/
    width: 0.5rem;
     height: 0.5rem;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Handle */
.show-press-container::-webkit-scrollbar-thumb {
    /*background: #bebcbc; */
}

/* Handle on hover */
.show-press-container::-webkit-scrollbar-thumb:hover {
    /*background: #bebcbc; */
}

#content-host {
  opacity: 0;
}

section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    /*justify-content: center;*/
    width: 100%;
    margin-top: 7rem;
    position: relative;
    /*min-height: calc(100vh - 8.6rem);*/
    /*top: 117px;
    position: relative;*/
}

ul {
  padding: 0;
  margin: 0;
  height: 3.25rem;
  position: relative;
  /*height: calc(0.6rem * 2 + 0.4rem);*/
}

li {
    list-style-type: none;
    text-align: left;
    /*display: inline-flex;*/
    /*width: fit-content;
    float: left;*/
    height: 0.65rem;
    line-height: 0.65rem;
    /*margin-bottom: 0.4rem;*/
}

a {
  cursor: crosshair;
}

.menu-work-l2 li, .menu-shows-l2 li {
    /*margin-bottom: 0;*/
    /*width: max-content;*/
    margin: 0;
    padding: 0;
    margin-right: 1.5rem;
}

#loader {
    /*position : fixed;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

    z-index: 1;
    top : 0;
    left : 0;
    /*height : 100%;*/
    /*width : 100%;*/
    /*font-size: 1pc;*/
    font-size: 1.5vw;
    color: cadetblue;
    font-family: Arial, sans-serif;
    /*margin-bottom: 1rem;*/
   overflow: hidden; 
    max-height: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

/*div.loader-container {
  height: 50px;
  width: 90px;
    height: 8vw;
    width: 20vw;
}*/

div.progress-bar {
    border: 2px solid;
    position: relative;
    /*top: -50px;
    width: 85px;
    height: 16px;*/
    width: 98%;
    width: calc(100% - 4px);
    /*height: 2.8vw;*/
    top: -1.7vw;
}

div#progress-bar {
    border-width: 0;
    width: 0%;
    height: 100%;
    background-color: cadetblue;
    position: initial;
    -webkit-transition: 0.05s ease-in-out;
    -moz-transition: 0.05s ease-in-out;
    -ms-transition: 0.05s ease-in-out;
    -o-transition: 0.05s ease-in-out;
    transition: 0.05s ease-in-out;
}

div.progress-counter {
    /*font-size: 11px;
    top: -50px;
    width: 90px;*/
    /*font-size: 3.2vw;*/
    top: -1.7vw;
    width: 98%;
    width: calc(100% - 4px);
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.progress-counter span {
  opacity: 0;
}

#loader .fa, .loader-slideshow .fa {
    /*margin-top: 50vh;*/
    /*transform: translateY(-50%);*/
}

/* -------------------------------------------- HEADER */

.header-wrapper {
    /*width: 100%; */
    width: 100vw; 
    background-color: white; 
    border-top: 1rem solid white;
    flex-flow: row wrap;
    position: fixed;
    z-index: 10;
}

header::before, header::after {
    content: '';
    width: 100vw;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1; 
    -webkit-order: 1; 
    order: 1;
}

.header-1 {
    display: -webkit-box;      
    display: -moz-box; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    
    -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;

        border-bottom: 0.6rem solid white;
}

.header-2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1; 
    -webkit-order: 1; 
    order: 1;
    display: none;
}

.header-3 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2; 
    -webkit-order: 2; 
    order: 2;
    display: none;
    /* FOR MENU EM */
    font-size: 1rem;
    /*border-bottom: 0.6rem solid transparent;*/
    margin-bottom: 0.6rem;
    /*border-bottom: 0.6rem solid white;*/
    /*margin-bottom: 0.6rem;*/
}

.header-4 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3; 
    -webkit-order: 3; 
    order: 3;
    display: none;
    margin-bottom: 0.6rem;
}

/* --------------LOGO */

div.logo {
    margin-left: 1rem;
    text-align: left;
    opacity: 0;
    cursor: crosshair;
}

span.loader-logo {
    font-size: 3rem;
    opacity: 0;
    font-family: 'M-2p-thin', sans-serif;
}

h1.logo {
    /*border: 0.125rem solid;*/
    width: fit-content;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    /*font-size: 1rem;*/
    font-size: 1rem;
     line-height: 1.2rem;
    padding-bottom: 0.33rem;
    padding-left: 0;

    color: #A85252;
    /*background-color: #A85252;*/
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(/images/elements/logo.jpg) no-repeat center center;
    background: -o-linear-gradient(transparent, transparent);
    background-size: cover;
    -webkit-background-clip: text;

    opacity: 0.5;
}

/* --------------NAVIGATION */

nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;

    margin-left: 1rem;
    margin-right: 1rem;
}

nav a {
    text-decoration: none;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    /*font-size: 0.75rem;*/
    font-size: 0.6rem;
    line-height: 0.65rem; /* to match rem */
    height: 0.65rem;
    vertical-align: top;
    text-transform: uppercase;
    /*margin-right: 0.8rem;*/
    color: #a0937d;
    cursor: crosshair;
    font-weight: 500;

    width: 8.5rem;
    /*width: 12em;*/
    display: inline-block;
}

nav li:hover a.menu-level-1-a, nav li.active a.menu-level-1-a {
  color: #D54A32;
  /*color: #881602;*/
}

ul.menu-work-l2, ul.menu-shows-l2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;

    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    /*float: right;*/
    height: 3.25rem;
    overflow: visible;
    /*opacity: 0;*/
    display: none;
    position: absolute;
    top: 0;
    margin-left: 8.5rem;


    /*display: none;*/
    /*MAKE THEM VARIABLES - SAME VALUES AS MARGIN & FONT SIZE FROM LEVEL 1*/
    /*left: 1rem;*/
    /*position: absolute;*/
    /*margin-top: 0.75rem;*/ /* a font size */
    /*margin-top: 0.4rem;*/
    /*border-top: 0.5rem solid transparent;*/
    /*border-bottom: 0.5rem solid transparent;*/
    /*height: calc(0.6rem * 2 + 0.4rem);*/
}

span.menu-work-l2, span.menu-shows-l2 {
    display: inline;
    vertical-align: bottom;
    line-height: 1;
}

/* GALLERIES LINKS COLORS */
.menu-work-l2 a, .menu-shows-l2 a {
    color: #abb3b2;
    font-weight: 400;
    line-height: 1;
    width: max-content;
    /*line-height: calc(0.6rem * 2 + 0.4rem);   */
    /*height: calc(0.6rem * 2 + 0.4rem);*/
}

.menu-work-l2 li:hover a, .menu-work-l2 li.active a, .menu-shows-l2 li:hover a, .menu-shows-l2 li.active a {
  color: #009faf;
}

/*REMOVE LATER*/
#nav-2 a {
  /*color: #749396;*/
  /*color: #6e8b8e;*/
  /*color: #79979a;*/
  color: #abb3b2;
}

#nav-2 li:hover a, #nav-2 li.active a {
  /*color: #009faf;*/
  color: #009faf;
}

div.langue {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex; 
    
    -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;

    opacity: 0;
    margin-right: 1rem;
}

ul.langue {
    list-style:none;
    position:relative;
    float:right;
    margin:0;
    padding:0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

    width: fit-content;
    opacity: 0.5;
    /*height: 1rem;*/
    height: 1.2rem;
}

li.langue {
    cursor: crosshair;
    float:left;
    margin:0;
    padding:0;
    text-align: center;
    /*width: 1rem;*/
    /*margin-left: 0.1rem;*/
    /*height: 1rem;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

    margin-left: 0.5rem;
    height: 1.2rem;
    width: 1.2rem;
}

li.langue:nth-child(1), li.langue:nth-child(2) {
    /*display:none;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    padding:0;
}

ul.langue:hover > li.langue {
    /*display: flex;*/
}

div.langues-containers {
    display: block;
    /*height: 1rem;*/
    height: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
}

a.langue, .icon a {
    color: #A85252;
    /*display: block;*/
    display: inline;
    text-decoration: none;
    font-family: 'BPtypewrite', sans-serif;
    font-style: normal;
    /*font-weight: 600;*/
    text-align: left;
    /*font-size: 0.6rem;*/
     /*line-height: 1rem;*/
    text-transform: uppercase;
    cursor: crosshair;
    font-size: 0.8rem;
    /*line-height: 1.2rem;*/
    /*line-height: 1.3rem;*/
    /*line-height: 1.5;*/ /* FS : 0.8, H: 1.2, so valueless for LH : 1.5 (1.2/0.8) */
    /*line-height: 0.6rem;*/
    /*vertical-align: middle;*/
}

a.langue:hover, .icon a:hover, a.selected-lang {
    color: black;
}

a.selected-lang, a.langue:hover {
    text-decoration: underline;
}

div.icon {
    /*background-size: cover;*/
    /*background-position: center;*/
    padding: 0;
    cursor: crosshair;
    opacity: 0.5;
    /*color: transparent;*/
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.4rem;
    height: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
}

div.mail-icon:hover {
    /*background-color: black;*/
    /*background-image: url(/images/noun_1581283_cc-black.png);*/
}

div.mail-icon {
    /*background-image: url(/images/noun_1581283_cc-A85252.png);*/
}

div.instagram-icon:hover {
    /*background-color: black;*/
    /*background-image: url(/images/noun_1702537_cc-black.png);*/
}

div.instagram-icon {
    /*background-image: url(/images/noun_1702537_cc-A85252.png);*/
}

/*SUPPRIMER*/
div.dummy-icons-hover-bg {
    width: 0;
}

div.dummy-instagram {
    /*background-image: url(/images/noun_1702537_cc-black.png);*/
}

div.dummy-mail {
    /*background-image: url(/images/noun_1581283_cc-black.png);*/
}

/* -------------------NEWS */

div.main-news {
    margin-left: 1rem;
    margin-right: 1rem;
    height: fit-content;
}

span.news-category {
    /*color: #ffffff;*/
    color: #167e8a;
    font-weight: 600;
    /*background-color: #881717;*/
    /*background-color: #4a7b80;*/
    background-color: #d3eaec;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    float: left;
    font-family: 'Text Me One', sans-serif;
}


.lien-event {
    text-align: left; 
    cursor: crosshair;
    /*background-color: #949292;    /*585858*/
    padding-right: 0.33rem;
}

.lien-event:hover .news-event-a, .lien-event:hover .news-event-b {
    /*color: black !important;*/
    /*text-decoration: underline;*/
    font-weight: 600;
}

span.news-event-a {
    /*color: #ffffff;*/
    color: #525252;
    padding-right: 0.33rem;
    /*padding-left: 0.33rem;*/
}

span.news-event-b {
    /*color: #e0d9d9;*/
    color: #b5aeae;
    /*padding-left: 0.33rem;*/
    letter-spacing: -0.05rem;

    /*font-style: italic;*/
    /*font-weight: 300;*/
}

span.puce {
    padding-left: 0.33rem;
    padding-right: 0.33rem;
}

/*--NEW--*/
div.news-container {
  width:  100%;
  position:  relative;
  overflow-y:  hidden;
  /*font-size: 0.7rem;*/
  font-size: 0.6rem;
  /*line-height: 1rem;*/
  line-height: 1.3;
  margin-bottom: 0.6rem;
  text-align: left;
  /*font-family: Montserrat;*/
  /*font-family: 'Roboto';*/
  font-family: 'BPtypewrite', monospace;
  overflow: hidden;
  text-transform: uppercase;
}


div.news-contenu {
  width:  fit-content; 
  max-width: 100%; 
  text-align:  left; 
  /*opacity: 0;*/

}
.news-cache {
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
  overflow: hidden;
}

.news-cache-ligne {
  width: 100%;
  background-color: white;
  color: white;
  float:  right;
  margin: 0;
}


@keyframes typing {
   from {width: 100%;}
    to {width: 0%;} 
}

/* -------------------------------------------GRID */

.grid {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

 align-content: center;
    -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.grid a {
  display: contents;
  height: 100%;
  width: 100%;
  text-decoration: none;
}


.grid-item {
  background-size: cover; 
  background-repeat: no-repeat;
  overflow: hidden;
  opacity:  0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
    /*width: 18%;*/
    /*height: 0;*/
    /*padding-top: 18%;*/
    position: relative;
    margin: 0.5vw; box-shadow: 0 10px 32px rgba(0,0,0,0.5);}

.grid-item-menu {
  cursor: crosshair;
}

.grid-item-menu:hover {
  transform: scale(0.9);
}

.grid-item-menu:hover .menu-text a {
    color: white !important;
}


.grid-item-menu .menu-work a {
  color: #b7ffc8 !important;
}

.grid-item-menu .menu-texts a {
  color: #bdb7ff !important;
}

.grid-item-menu .menu-news a {
  /*color: #6bdaff !important;*/
  color: #96fffb !important;
}

.grid-item-menu .menu-views a {
  color: #fbfb8f !important;
}

.grid-item-menu .menu-cv a {
  color: #b53680 !important;
}

.back {
    background-size: cover;
    background-repeat: no-repeat;
}

.grid-item img {
  width: 100%;
}

/*.grid-item:nth-child(1) {
    background-image:  url(/images/main/1A.jpg);
}

.grid-item:nth-child(2) {
    background-image:  url(/images/main/2A.jpg);
}

.grid-item:nth-child(3) {
    background-image:  url(/images/main/3A.jpg);
}

.grid-item:nth-child(4) {
    background-image:  url(/images/main/4A.jpg);
}

.grid-item:nth-child(5) {
    background-image:  url(/images/main/5A.jpg);
}

.grid-item:nth-child(6) {
    background-image:  url(/images/main/6A.jpg);
}

.grid-item:nth-child(7) {
    background-image:  url(/images/main/7A.jpg);
}

.grid-item:nth-child(8) {
    background-image:  url(/images/main/8A.jpg);
}

.grid-item:nth-child(9) {
    background-image:  url(/images/main/9A.jpg);
}

.grid-item:nth-child(10) {
    background-image:  url(/images/main/10A.jpg);
}*/

/* MENUS */

.grid-item .menu-text {
    /*font-family:  'Servetica-Thin';*/
    font-family: 'ServeticaThinK', sans-serif;
    font-size: 2em;
    /*line-height: 1.8em;*/
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
      transform: translateX(-9vw); /*-200px*/
      cursor: crosshair;
      width: fit-content;
    position: absolute;
    
}

.grid-item .menu-cv {
    text-align: right !important;
}

.grid-item .menu-work, .grid-item .menu-views {
    bottom: 0.8rem;
    left: 1rem;
}

.grid-item .menu-news {
    top: 0.8rem;
    left: 1rem;  
}

.grid-item .menu-texts, .grid-item .menu-cv {
    top: 0.8rem;
    right: 1rem;
}

/*    ------------------------------------------------------ WORK ---------------------------------------    */

.work-galleries-container {
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  
  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

.work-gallery {
  width: 100%;
  margin:  1rem;
  margin-top: 0;
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  /*align-items: flex-start; FOR UNEVEN */
  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.work-gallery p {
  /*text-align: left; FOR UNEVEN */
  /*padding-left: 0.5rem;*/
  /*align-self: flex-start; FOR UNEVEN */
  /*width: 85%; FOR UNEVEN */
  /*width: 72%;*/
  /*margin-left: 1rem; FOR UNEVEN */
  cursor: crosshair;

  /*font-size: 1.5rem;*/
  font-size: 2rem;
  /*line-height: 2.5rem; FOR UNEVEN*/
  line-height: 4rem;
  font-family: "M-2p-thin", sans-serif;

  color: black;
  background: #00000057;
  height: 1px;
  /*margin-top: 1.25rem; FOR UNEVEN */
  margin-top: 2rem; 
}

.work-gallery p:hover, .work-gallery p:hover .titre {
  /*color: black;*/
  /*opacity: 0.8;*/
  color: #D54A32;
}

.work-gallery p .titre {
  font-weight: 600;

  background: #fff;
  padding-left: 1.25rem;
  padding-right: 0.5rem;
  position: relative;
  /*top: -1.25rem;  FOR UNEVEN */
  top: -2rem; 
  left: 0.5rem;
  color: #0000009c;
  font-size: 1.5rem;
}

.work-gallery p .dates {
  background: #fff;
  padding-right: 1.25rem;
  padding-left: 0.8rem;
  position: relative;
  /*top: -1.25rem;  FOR UNEVEN */
  top: -2rem; 
  left: -0.5rem;
  font-size: 1.5rem;
}

.gallery-container {
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*width: 82%; FOR UNEVEN */
  /*width: 73%;*/
  /*margin-left: 5%;*/
  /*NEW*/
  
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

/* to align last row in flexbox */
.gallery-container:after {
  flex: auto;
  content: '';
}

.gallery-item {
  /*height: 15vw;*/
  /*width: 17.5vw;*/
  overflow: hidden;
  /*width: fit-content;*/
  /*height: fit-content;*/
  /*margin-right: 0.5rem;*/
  margin-bottom: 0.5vw;
  margin-right: 0.25vw;
  margin-left: 0.25vw;
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

  cursor: crosshair;
  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
  position: relative;
}

/*@media (max-width: 820px) { 

  .work-gallery p {
    width: 87%;
  }

  .gallery-container {
    width: 88.5%;
  }

  .gallery-item { 
    height: 36.8vw;
    width: 43vw;
  }

  .gallery-item img {
    max-height: 36.8vw;
  }
}*/

@media (max-width: 820px) { 

  .work-gallery p {
    width: 95vw;
  }

  .gallery-container {
    width: 95vw;
  }

  .gallery-item { 
    height: 40.3vw;
    width: 47vw;
  }

  .gallery-item .image-horizontal {
    max-height: 36.8vw;
  }

  .gallery-item .image-vertical {
    max-width: 47vw;
  }

  .work-gallery p .titre, .work-gallery p .dates {
    font-size: 1.25rem;
  }

  


}

@media (min-width: 821px) and (max-width: 999px) { 

  .work-gallery p {
    width: 81vw;
  }

  .gallery-container {
    width: 81vw;
  }


  .gallery-item { 
    height: 22.7vw;
    width: 26.5vw;
  }


  .gallery-item .image-horizontal {
    max-height: 22.7vw;
  }


  .gallery-item .image-vertical {
    max-width: 26.5vw;
  }

  
}

@media (min-width: 1000px) { 

  .work-gallery p {
    width: 72vw;
  }

  .gallery-container {
    width: 72vw;
  }

  .gallery-item { 
    height: 15vw;
    width: 17.5vw;
  }

  .gallery-item .image-horizontal {
    max-height: 15vw;
  }

  .gallery-item .image-vertical {
    max-width: 17.5vw;
  }


}



/*@media (min-width: 1000px) { 

  .title-many {
    display: auto;
    width: auto;
    background-color: none;
  }
}*/

.title-many {
  position: fixed;
  /*top: 159px;*/
  left: 87%;
  width: 11%;
  /*font-family: MKSansserifLightTallX;*/
  font-size: 0.7rem;
  text-align: left;
  /*font-family: 'HelveticaNeuve';*/
  font-family: 'Text Me One', sans-serif;
  color: #a0937d;
  padding-left: 1rem;

}

/*SUPPRIMER*/
.infos-slash {
  display: none;
}

@media (max-width: 999px) { 

  .title-many {
    display: none;
    /*width: fit-content;
    left: 0;
    z-index: 10;
    background-color: #f3ebeb;*/
  }

  .infos-slash {
    /*display: block;*/
  }

  .title-many .size {
    /*font-weight: 600;*/
  }

}




.gallery-item img, .news-item img {
    opacity: 0;
    /*-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;*/
  /*height: 15vw;*/
  /*max-height: 100%;*/
  /*filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));*/
}

.hovered, .gallery-item:hover img {
 /* outline: 0.7rem solid rgba(255, 255, 255, 0.35);
  outline-offset: -0.7rem;*/
  opacity: 0.8 !important;
}

.work-link-container {
    /*display: none;*/
    /*height: 100%;*/
    /*width: 100%;*/
    position: absolute;
    opacity: 0;
}

.zoom {
  display: none;
    height: 100%;
    width: 100%;
    background-image: url(/images/elements/search-left.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.8;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.gallery-item:hover .zoom, div.hovered-zoom, .zoom:hover {
  display: block;
  /*opacity: 0.6;*/
}



.title-many .title {
  font-weight: 600;
  text-transform: uppercase;
}

.title-many .sold {
  color: #e00000;
  font-family: 'HelveticaNeuve', Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------- SLIDESHOW */

#slideshow {
  /*margin: 0 auto;*/
  overflow: hidden;
  position: relative;
  /*background-color: #4c4c06;*/
  width: 88vw;
  /*height: 82vh;*/
  height: 87.5vh;
  height: calc(100vh - 8.6rem);

  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;

  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

    /*z-index: 1;*/
    margin: 0;
    left: 6vw;
}

.slideshow-shows {
  /*height: 73vh !important;
  height: calc( (100vh - 7rem) * 0.85 ) !important;
  transform: translateY(5.5vh);
  transform: translateY(calc( ( 100vh - 8.6rem ) * 0.1 - 1rem ));*/
}


.container-slideshow {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  /*height: fit-content;*/
  /*width: 270vw; /*NB DE SLIDES * 90vw*/
 /* -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;*/
  left: 0;
}

.container-slideshow.shows {
  /*bottom: 0.5rem;*/

}

.slideshow-slide {
  float: left;
  position: relative;
    width: 90vw;
  /*background-color: green;*/
  /*height: 70vh;*/
  height: 70vh;
  height: calc( ( 100vh - 8.6rem ) * 0.8);
}

.slideshow-slide.shows {
  height: 78.25vh;
  height: calc( ( 100vh - 8.6rem ) * 0.9);
  margin-top: 8.75vh;
  margin-top: calc( ( 100vh - 8.6rem ) * 0.1);
}

.container-slideshow.shows #slide-0 {
    height: 87.5vh;
    height: calc( 100vh - 8.6rem );
    margin-top: 0;
}

.container-slideshow.shows #slide-0 .slideshow-image.shows {
    height: 87.5vh;
    height: calc( 100vh - 8.6rem );
}

.slideshow-image {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;

      width: 88vw;
    /*height: 70vh;*/
    height: 70vh;
    height: calc( ( 100vh - 8.6rem ) * 0.8);
}

.slideshow-image.shows {
    height: 78.75vh;
    height: calc( ( 100vh - 8.6rem ) * 0.9);
}

.slideshow-image div.image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;

  background-image: url(/images/elements/loading-photo.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.img-state {
  display: none;
}

.img-zoom {
  display: none;
  height: 2rem;
  width: 2rem;
  background-image: url(/images/elements/search-left.png);
  background-size: 2rem;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 0.8;
}

.slideshow-slide img {
  /*max-height: 70vh;*/
  max-height: 70vh;
  max-height: calc( ( 100vh - 8.6rem ) * 0.8);
  max-width: 85vw;
  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
  /*filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.5)); /* FAIT UN TRUC BIEARRZ A DROITE */
  float: left;
  margin-left: 1vw;
  height: auto;
  width: auto;
}

.icon-slideshow {
  position: absolute;
  /*font-size: 3rem;*/
  font-size: 1.4rem;
  font-family: 'symbols';
  /* cursor must be pointer, or it doesnt work on iPhone... */
  cursor: pointer;
  /*margin: 0 1vw 0 1vw;*/
  /*line-height: calc( ( 100vh - 8.6rem ) * 0.8);*/
  color: #a0937d;
  border-left: transparent solid 1vw;
  border-right: transparent solid 1vw;
  z-index: 200;
  /*CALC DOESNT WORK ON LINE HEIGHT ON OLDER FF*/
  line-height: 0;
  height: 70vh;
  height: -webkit-calc( ( 100vh - 8.6rem ) * 0.8 );
  height: -moz-calc( ( 100vh - 8.6rem ) * 0.8 );
  height: calc( ( 100vh - 8.6rem ) * 0.8 );

   display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.icon-slideshow-shows {
  height: calc( ( 100vh - 8.6rem ) * 0.8);
  transform: translateY(3.25vh);
  transform: translateY(calc( ( 100vh - 8.6rem ) * 0.1));
}

.icon-slideshow:hover {
  color: #D54A32;
}

.icon-right {
  right: 0;
}

.slideshow-infos {
  /*height: 10vh;*/
  height: 14vh;
  height: calc( ( 100vh - 8.6rem ) * 0.16);
  font-size: 0.7rem;
  font-size: calc( ( 100vh - 8.6rem ) * 0.16 / 5.5);
  /*width: 15vw;*/
  width: 30vw;
 /* position: absolute;
  bottom: 0;*/
  position: fixed;
  bottom: 1.5rem;
  margin-left: 1vw;
  padding: 0.5rem;
  /*font-size: 0.7rem;*/
  text-align: left;
  /*font-family: 'HelveticaNeuve';*/
  font-family: 'Text Me One', sans-serif;
  color: #a0937d;
  /*align-self: flex-start;*/
  /*DOESNT WORK ON FF UNDERe 50*/
  left: 6vw;
}

.slideshow-infos .title {
  font-weight: 600;
  text-transform: uppercase;
}

.slideshow-infos .sold {
  color: #e00000;
  font-family: 'HelveticaNeuve', Helvetica, sans-serif;
}

.slideshow-counter {
    position: fixed;
    bottom: 0.5rem;
    font-size: 0.7rem;
    font-size: calc( ( 100vh - 8.6rem ) * 0.16 / 5.5);
    /*font-family: 'HelveticaNeuve';*/
    font-family: 'Text Me One', sans-serif;
    color: #a0937d;
    padding-left: 0.5rem;
    /*align-self: flex-start;*/
    margin-left: 1vw;
    /*DOESNT WORK ON FF UNDERe 50*/
    left: 6vw;
}

.slideshow-counter-shows {
  font-size: 0.6rem;
  /*bottom: 0;*/
  /*bottom: calc( ( 100vh - 8.6rem ) * 0.1 + 0.5rem);*/
  /*left: 0;*/
}

.buttons-shows {
    position: fixed;
    bottom: 0.5rem;
    /*bottom: calc( ( 100vh - 8.6rem ) * 0.1 + 0.5rem);*/
    font-size: 0.6rem;
    font-family: 'Text Me One', sans-serif;
    color: #a0937d;
    padding-left: 0.5rem;
    margin-left: 1vw;
    left: 10vw;

}

.button-title:hover, .buttons-shows .active {
  color: #D54A32;
} 

.buttons-shows span.gallery .button-title {
    font-family: 'BPtypewrite';
    /*cursor: pointer;*/
    /*font-size: 0.6rem;*/
}

.button-title, span.presse-button.article, span.pdf, span.text {
  cursor: pointer;
}

@media screen and (orientation: portrait) {  /* font size : 16px */
  .slideshow-infos {
  /*height: 10vh;*/
      height: 9vh;
      height: calc( ( 100vh - 8.6rem ) * 0.1);
      font-size: 0.7rem !important;
      /*font-size: calc( ( 100vh - 8.6rem ) * 0.15 / 5.5);*/
      width: 80vw;
      position: absolute;
      top: 72vh;
      top: calc( ( 100vh - 8.6rem ) * 0.85);
      left: 0;
    }

    .slideshow-counter {
      position: absolute;
      top: calc( ( 100vh - 8.6rem ) * 0.85 );
      right: 0;
      text-align: right;
      padding: 0.5rem;
      font-size: 0.7rem !important;
      /*font-size: calc( ( 100vh - 8.6rem ) * 0.15 / 5.5);*/
    }

    .slideshow-counter-shows {
      position: fixed;
      top: auto;
      padding: 0;
      padding-left: 0.5rem;
      right: auto;
      font-size: 0.6rem !important;
    }

    .slideshow-slide {
      height: 72vh;
      height: calc( ( 100vh - 8.6rem ) * 0.85);
    }
    .slideshow-image {
      height: 72vh;
        height: calc( ( 100vh - 8.6rem ) * 0.85);
        -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    }

    .slideshow-image.shows {
      height: 72vh;
        height: calc( ( 100vh - 8.6rem ) * 0.85);
        -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    }

    .slideshow-slide img {
      max-height: 72vh;
    max-height: calc( ( 100vh - 8.6rem ) * 0.8);

    }

}

/*  ================================ CV =============================== */

h2.cv {
  font-family: 'Codystar', sans-serif;
  margin: 0;
  color: #D54A32; 
}

div.bio {
    font-family: 'BPtypewrite', monospace;
    text-transform: uppercase;
    font-size: 0.55rem;
        width: 65vw;
    margin-left: 20vw;
    margin-top: 2rem;
}

.bio p {
    /*  width: 60vw;
    margin-left: 20vw;
    margin-top: 2rem;*/
    text-align: left;
    color: #a0937d;

}

.bio strong {
     color: #D54A32; 
}

.bio a, .bio a strong {
  cursor: crosshair;
  text-decoration: none;
    /*color: black;*/
    color: #a0937d !important;
}


.bio a:hover strong, .bio strong a:hover {
  cursor: crosshair;
    color: #D54A32 !important;
}

/* --------------------------------- NEWS ------------------------------ */

.news-patern {
   width: 100%;
  margin:  1rem;
  margin-top: 0;
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  -webkit-flex-direction: column;
    flex-direction: column;
  
  -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.container-news-page {
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

  /*  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;*/
/*
-webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;*/

  -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;

font-family: 'BPtypewrite', monospace;
  /*overflow: hidden;*/
  text-transform: uppercase;
  margin-top: 1rem;
}

/*.event-container-1, .event-container-2 {
  text-align: left;
}*/

/*.event-container-3, .event-container-0 {
  text-align: right;
}*/

/*.event-container-3 .news-item, .event-container-0 .news-item {
  order: 2;
}*/

.container-news-page:after {
  flex: auto;
  content: '';
}

.event-container, .publication-container {
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 2rem;
    text-align: left;
}

.news-item, .news-link-container, .publication-item {
  overflow: hidden;
  margin-bottom: 0.5vw;
  /*margin-right: 0.25vw;*/
  margin-left: 0.5vw;
  
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;

  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
 
  -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;

  cursor: crosshair;
  /*filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));*/
    /*filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.5));*/
  /*position: relative;*/
}

.news-item {
  filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.5));
}

.news-item img {

}

.news-link-container a {
    text-decoration: none;
    /*color: black;*/
    /*font-size: 0.8rem;*/
    width: 95%;
    cursor: crosshair;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    text-transform: none;
}

.news-link-container a span.news-state {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background-color: #498f55;
    color: #eae8e3;
    font-weight: 500;
    font-size: 0.5rem;
    text-transform: uppercase;
}

.news-link-container a span.news-title, .news-link-container a span.news-date {
    font-weight: 500;
    text-transform: uppercase;
}

.news-link-container a span.news-title {
      color: #825100;
}

.news-link-container a span.news-date {
      /*color: #bd7c0f;*/
      color: #a59a88;
}

.news-link-container a span.news-description, .news-link-container a span.news-city-country, .news-link-container a span.news-date {
    font-size: 0.5rem;
}

.news-link-container a span.news-description {
    text-transform: uppercase;
}

.news-link-container a span {
  margin-bottom: 0.5rem;
}

.event-container:hover a {
    /*color: #D54A32;*/
}

/*.event-container:hover .news-link-container {
  background-color: #e4dfd2;
}
*/

.event-container:hover .news-link-container a {
    text-decoration: underline;
}


.event-container:hover img {
  opacity: 0.8 !important;
}

.show-infos-dates.news-normal {
    color: #D54A32;
    font-weight: 500;
}

/* ============================================ SIZES FOR NEWS ETC ============================================ */


.container-news-page {
      width: 50vw;
    }

.news-link-container { 
    width: 25vw;
  }


@media (max-width: 799px) {


  .container-news-page {
    width: 95vw;
  }

  .news-item, .news-link-container, .publication-item { 
    height: 40.3vw;
    width: 47vw;
  }



}

@media (min-width: 800px) and (max-width: 999px) { 


    /*.container-news-page {
      width: 86vw;
    }
*/
    .news-item, .publication-item { 
      height: 18vw;
      width: 21vw;
    }

    .news-item img, .publication-item img {
      max-height: 18vw;
    }

    .news-link-container { 
      height: 18vw;
    }


/*  .event-container-3, .event-container-0 {
    text-align: left;
  }
*/
}

@media (min-width: 1000px) and (max-width: 1249px) { 

    /*.container-news-page {
      width: 87vw;
    }*/

    .news-item, .publication-item { 
      height: 12vw;
      width: 14vw;
    }

    .news-item img, .publication-item img {
      max-height: 12vw;
    }

    .news-link-container { 
      height: 14vw;
    }
/*
    .event-container-3 .news-item, .event-container-0 .news-item {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2; 
      -webkit-order: 2; 
      order: 2;
    }

    .event-container-3, .event-container-0 {
      text-align: right;
    }

    .event-container-3 .event-container-0 .news-link-container {
      -webkit-justify-content: flex-start !important;
      -moz-justify-content: flex-start !important;
      -ms-justify-content: flex-start !important;
      justify-content: flex-start !important;
    }*/


}

@media (min-width: 1250px) { 

/*    .container-news-page {
      width: 88vw;
    }*/

    .news-item, .publication-item { 
      height: 9vw;
      width: 10.5vw;
    }

    .news-item img, .publication-item img {
      max-height: 9vw;
    }

    .news-link-container { 
      height: 9vw;
    }

/*    .event-container-3 .news-link-container, .event-container-0 .news-link-container {
      -webkit-justify-content: flex-start !important;
      -moz-justify-content: flex-start !important;
      -ms-justify-content: flex-start !important;
      justify-content: flex-start !important;
    }

    .event-container-3 .news-item, .event-container-0 .news-item {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2; 
      -webkit-order: 2; 
      order: 2;
    }*/

/*    .event-container-3, .event-container-0 {
      text-align: right;
    }*/

}

/* ======================== SHOWS ========================= */

@media (min-width: 800px) and (max-width: 1249px) {
    .narrow-2 {
      height: 70% !important;
      margin-left: 0 !important;
    }

    .flex-column {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
    -webkit-flex-direction: column;
      flex-direction: column;

       -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end;

      overflow-x: auto;
    }

    /* width */
    .flex-column::-webkit-scrollbar, #slide-0 .slideshow-image.shows::-webkit-scrollbar, .show-press-container::-webkit-scrollbar {
        /*width: 10px;*/
        width: 0.3rem;
         height: 0.3rem;
    }
    /* Handle */
    .flex-column::-webkit-scrollbar-thumb, #slide-0 .slideshow-image.shows::-webkit-scrollbar-thumb, .show-press-container::-webkit-scrollbar-thumb {
        background: #e9e9e9; 
    }

    /* Handle on hover */
    .flex-column::-webkit-scrollbar-thumb:hover, #slide-0 .slideshow-image.shows::-webkit-scrollbar-thumb:hover, .show-press-container::-webkit-scrollbar-thumb:hover {
        background: #e9e9e9; 
    }

    .flex-column::-webkit-scrollbar-track, #slide-0 .slideshow-image.shows::-webkit-scrollbar-track, .show-press-container::-webkit-scrollbar-track {
        background: #f5f5f5;
    }
}

@media (max-width: 799px) {
    .mobile-3 {
        margin-top: 34vh !important;
        margin-top: calc( ( 100vh - 8.6rem ) * 0.025 + 12rem) !important;
    }
}

    


span.index {
    font-size: smaller;
    vertical-align: super;
}

.container-shows-page {
  width: 90vw;
}

.shows-link-container {
  text-align: left;
}

.shows-link-container:hover {
  text-decoration: underline;
}

.shows-link-container a {
  font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #a0937d;
    word-spacing: 0.1rem;
    font-size: 0.6rem;
}

.show-item {
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.show-item img {
  margin-right: 0.5vw; 
  cursor: zoom-in;
}

.show-item img:hover {
  opacity: 0.5 !important;
}

.shows-buttons {
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;

    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #a0937d;
    word-spacing: 0.1rem;
    font-size: 0.5rem;
    font-weight: 500;

    order: 2;
}

.shows-buttons a {
    margin-bottom: 0.4rem;
    text-decoration: none;
}

a.show-images-count {
  color: #7d7070;
}

a.show-images-count:hover {
  text-decoration: underline;
}

a.show-infos, a.show-press-release-all, a.show-press-all, a.show-publications {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

a.show-infos:hover, a.show-press-release-all:hover, a.show-press-all:hover, a.show-publications:hover {
  background-color: black;
}

a.show-infos {
  background-color: #7d6c8e;
  color: #e0dfdd;
}

a.show-press-release-all {
    /*background-color: #5e3a83;*/
    background-color: #7747a1;
    color: #e0dfdd;
}

a.show-press-all {
  background-color: #3d6c77;
  color: #e0dfdd;
}

a.show-publications {
  background-color: #77683d;
  color: #e0dfdd;
}

.show-title {
  font-weight: 500;
  font-style: italic;
}

.show-adress-name, .show-date {
  font-weight: 400;
}

.show-description {
  font-weight: 300;
  /*font-style: italic;*/
}

.show-city-country, .lightweight {
  font-weight: 300;
}

.lightweight {
  font-style: italic;
}

.flesh-go {
  /*font-size: 0.8rem;*/
}

.shows-img-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    order: 1;
}

.show-infos-top, div.infos-slide-top {
    font-family: 'Text Me One', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin-left: 3vw;
    /* transform: translateY(2rem); */
    font-size: 0.6rem;
    /*position: absolute;*/
    /*height: 1rem;*/
    align-self: flex-start;
}

/*div.infos-slide-top {
    height: 4rem;
}*/

.show-infos-top {
  margin-left: 0;
  margin-top: 2.2vh;
  margin-top: calc( ( 100vh - 8.6rem ) * 0.025);
}

#slide-0 .slideshow-image.shows{
    /*NEW*/
    overflow-y: auto;
    overflow-x: hidden;
    /*END*/
}

div.show-infos {
    /*NEW*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*END*/
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    text-transform: uppercase;
    color: #a0937d;
    font-size: 0.6rem;
     display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

div.infos-img-opening-container {
/*  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

     -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;*/

  height: 47.5%;
  /*NEW*/
  min-height: 9.5rem;
}

.opening-container {
   /* display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;*/

  /*margin-left: 2rem;*/

    /*padding-left: 3vw;*/
    width: 42vw;
    column-count: 2;
    column-fill: auto;
    /*height: 100%;*/
    text-transform: none;
    font-size: 0.5rem;
    line-height: 0.7rem;
    overflow: hidden;
    margin-left: 2vw;
    height: 32vh;
    /*height: calc( ( 100vh - 8.6rem ) * 0.9 * 0.45);*/
    display: inline-block;

    /*NEW*/
    height: calc( (100vh - 8.6rem - 4rem) * 0.47);
    min-height: 9.3rem;
}

.info-text-container {
    /*padding-top: 2rem;*/
    /*margin-left: 2vw;*/
    column-count: 4;
    column-fill: auto;
    column-gap: 2vw;
    /*height: 80%;*/
    /*height: calc( ( 100vh - 8.6rem ) * 0.5 - 5rem);*/
    /*height: calc( ( 100vh - 8.6rem - 4rem) * 0.45);*/
    /*width: 86vw;*/
    text-align: justify;
    text-transform: none;
    /*NEW*/
    width: 82vw;
    height: 85%;
    margin-left: 4vw;
    /*END*/
}

.info-text-lien-container {
    /*NEW*/
    min-height: 7.5rem;
    margin-bottom: 0.5rem;
    /*END*/
      height: 47.5%;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

span.show-infos-link {
    text-decoration: underline;
}

span.show-infos-link:hover {
    color: black;
}

.opening-container a {
    color: #a0937d;
}

div.infos-slide-top {
  /*height: 1rem;*/
  /*transform: translateY(0);*/
}

span.show-infos-h2 {
    text-transform: uppercase;
    color: #D54A32;
    font-weight: 500;
    font-style: italic;
}

span.show-infos-title {
    font-family: 'Codystar', sans-serif;
    font-family: 'Text Me One', sans-serif;
    color: #D54A32;
    font-size: 2rem;
    text-transform: none;
}

span.show-infos-organisateur {
    /*font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;*/
    font-family: 'BPtypewrite', monospace;
    text-transform: uppercase;
    color: #a0937d;
    font-size: 0.6rem;
}

span.show-infos-type {
    font-family: 'BPtypewrite', monospace;
    /* font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif; */
    color: #a0937d;
    font-size: 0.6rem;
    text-transform: uppercase;
}

.infos-img-container {
   /* display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;*/

      /*width: 42vw;*/
      width: fit-content;
    height: 32vh;
    /*height: calc( ( 100vh - 8.6rem ) * 0.9 * 0.45);*/
      height: calc( ( 100vh - 8.6rem - 4rem ) * 0.45);
    display: inline-block;
      /*max-width: 42vw;*/
      /*NEW*/
      height: calc( (100vh - 8.6rem - 4rem) * 0.47);
      min-height: 9.3rem;
}

.show-infos img {
    max-height: 34vh;
    /*max-height: calc( (100vh - 8.6rem - 4rem) * 0.45);*/
    max-width: 40vw;
    margin-left: 2vw;
    /*NEW*/
    max-height: calc( (100vh - 8.6rem - 4rem) * 0.455);
    min-height: 9rem;
}

.show-press-release {
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    column-count: 4;
    column-fill: auto;
    column-gap: 1rem;
    height: 100%;
    width: 88vw;
    text-align: justify;
}

.show-press-container {
    /*height: 95%;*/
    height: 72vh;
    height: calc( ( 100vh - 8.6rem ) * 0.9 - 3rem);
}

.show-press-container.press {
    /*height: 95%;*/
    height: 72vh;
    height: calc( ( 100vh - 8.6rem ) * 0.9 - 3rem);
}

.show-press-release-img {
  display: none;
  /*width: 88vw;*/
  height: 100%;
  width: max-content;
  height: 100%;
}

.show-press-release-img a {
    height: 95%;
    height: calc(100% - 1.5rem);
    display: block;
}
/*
.press-release-buttons {
    margin-bottom: 0.5rem;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
}*/

.press-release-buttons {
    margin-bottom: 0.5rem;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    /*line-height: 1rem;*/
}

span.pr-button:hover, span.presse-button:hover {
    color: black;
    text-decoration: underline;
}

span.pr-button.text, span.presse-button.article.first {
    text-decoration: underline;
}

span.presse-button.article:hover {
    color: black;
    text-decoration: underline;
}

span.presse-button.article {
    text-decoration: none;
}

.show-press-release-img img {
  /*max-height: 95%;*/
  max-height: 99%;
  /*max-height: calc(100% - 1.5rem);*/
  cursor: zoom-in;
}

.download-pdf-p {
  font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    text-transform: uppercase;
    /*position: absolute;*/
    /*bottom: 0.5rem;*/
    /*bottom: 0;*/
    margin: 0;
    margin-left: 1vw;
   height: 0.8rem;

   width: fit-content;
   padding-top: 0.5rem;
}

.download-pdf-p a {
  color: #a0937d;
}

.download-pdf-p a:hover {
  color: #D54A32;
}

/*.show-press-release {
    height: 95%;
}*/

.press-buttons {
    margin-bottom: 0.5rem;
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    text-transform: uppercase;
}

.show-press-img {
    /*display: none;*/
    width: max-content;
    height: 100%;
}

.show-press-img a {
    height: 95%;
    height: calc(100% - 1.5rem);
    display: block;
    /*display: inline-block;*/
}

.show-press-img img {
    max-height: 99%;
    /*max-height: calc(100% - 1.5rem);*/
    cursor: zoom-in;
}

.show-press {
    font-family: 'Roboto', Helvetica, 'HelveticaNeuve', Arial, sans-serif;
    color: #a0937d;
    font-size: 0.6rem;
    column-count: 4;
    column-fill: auto;
    column-gap: 1rem;
    height: 100%;
    width: 88vw;
    text-align: justify;
    display: none;
}

.show-press p:nth-child(1), .show-press-release p:nth-child(1), .show-infos-text p:nth-child(1) {
  margin-top: 0;
}

.strong {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.italique {
    font-style: italic;
} 

.underline {
  text-decoration: underline;
}

.press-buttons, .show-press-container.press {
  display: none;
}

.press-buttons.article-1, .show-press-container.press.article-1, .liste-presse, .liste-publications {
  display: block;
}

.show-press-container.press {
    opacity: 1;
    width: 88vw;
    overflow-x: auto;
}

/*div.show-infos-p {
    width: 50%;
    height: 100%;
}*/

/* ============================================ SIZES FOR SHOWS ============================================ */

.shows-buttons {
    width: 35vw;
    margin-right: 1vw;
    text-align: left;
}

.show-item img, .shows-buttons {
    height: 25vh;
}

.principale-hidden {
  display: none !important;
}





@media (max-width: 799px) {

  .container-shows-page {
      width: 95vw;
      margin-left: 4vw;
  }

  .show-item img {
      margin-right: 2vw;
  }

  .container-shows-page img {
      display: none !important;
  }

  img.principale {
    display: block !important;
  }

  a.show-img-4, a.show-img-3, a.show-img-2 {
      display: none;
  }

  /* ONE SHOW */

  /* width */
  .slideshow-slide.shows::-webkit-scrollbar {
      /*width: 10px;*/
      width: 0.3rem;
       height: 0.3rem;
  }
  /* Handle */
  .slideshow-slide.shows::-webkit-scrollbar-thumb {
      background: #bebcbc; 
  }

  /* Handle on hover */
  .slideshow-slide.shows::-webkit-scrollbar-thumb:hover {
      background: #bebcbc; 
  }

  [data-image-contained]::-webkit-scrollbar-thumb, [data-image-contained]::-webkit-scrollbar-thumb:hover, [data-image-contained]::-webkit-scrollbar-track {
      background: white;
  }


  .show-infos-top, div.infos-slide-top {
       z-index: 3;
      background-color: white;
      width: 86vw;
      padding-top: 7vh;
      padding-top: calc( ( 100vh - 8.6rem ) * 0.025 + 2rem);
      margin-left: 0;
  }

  div.infos-slide-top span {
      margin-left: 3vw;
  }

  div.infos-slide-top {
      /*height: 4rem;*/
  }

  .show-infos-top {
      height: 2.2rem;
  }

  .slideshow-shows {
      /*overflow-x: hidden !important;
      overflow-y: scroll !important;*/
      width: 86vw !important;
  }

   .slideshow-slide.shows, .slideshow-image.shows {
      width: 86vw !important;
      height: auto;
      margin-right: 4vw;
  }

  .slideshow-slide.shows {
      height: 87.5vh;
      height: calc(100vh - 8.6rem);
      overflow-x: hidden;
      overflow-y: scroll;
  }

  div#slide-0 {
      /*overflow: auto;*/
  }

  .container-slideshow.shows #slide-0 .slideshow-image.shows {
      height: auto;
  }

  .show-press-container.press.article-1, .show-press-container.visible {
    margin-bottom: calc( ( 100vh - 8.6rem ) * 0.1);
}

  .container-slideshow.shows {
      top: 0;
  }

 

  div.show-infos {
      /*margin-top: 22vh; */
      /*margin-top: calc( ( 100vh - 8.6rem ) * 0.025 + 7rem);*/
      width: 70vw;
  }

  .info-text-container {
      column-count: 1;
      column-gap: 0;
      margin-right: 0;
      margin-left: 0;
      width: auto;
      height: auto;
  }

  div.infos-img-opening-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

      -webkit-flex-direction: column;
      flex-direction: column;
      height: auto;
  }

  .infos-img-container {
      width: 70vw;
      height: auto;
  }

  .opening-container {
      height: auto;
      width: 70vw;
      column-count: 1;
      column-gap: 0;
      margin-top: 1rem;
      margin-bottom: 1rem;
      text-align: center;
      margin-left: 0 !important;
  }

  .buttons-shows {
      top: 7rem;
      width: 89vw;
      padding-left: 0;
      z-index: 4;
      background-color: white;
      /*margin-left: 0.8rem;*/
      margin-left: 0;
      margin-right: 0.8rem;
      left: auto;
      bottom: auto;
  }

  .slideshow-counter-shows {
      height: 1rem;
      bottom: auto;
      /*top: 6.8rem;*/
      /*top: 7.5rem;*/
      top: 7rem;
      width: 88vw;
      left: auto;
      right: auto;
      text-align: center;
      /*margin: 0.8rem;*/
      padding: 1.2rem;
      padding-bottom: 0.7rem;
      font-size: 0.6rem !important;
      position: fixed;
      background-color: white;
      z-index: 4;
      margin-left: 0;
      padding-left: 0;
  }

  .show-infos img {
    max-height: 100%;
      min-width: 65vw;
      margin-left: 2.5vw;
  }

  span.show-infos-text p {
      -webkit-margin-before: 1rem;
      -webkit-margin-after: 1rem;
  }

  .press-release-buttons:nth-child(1), .press-buttons.liste-presse, .press-buttons.liste-publications {
      margin-top: 4rem;
  }

  .show-press-container.press {
      /*margin-top: 1rem;*/
  }

  .press-buttons.article-1, .press-release-buttons.uppercase {
      margin-bottom: 1.5rem;
  }

  .show-press.visible {
      font-size: 0.9rem;
  }


  .show-press-container.visible, .show-press-container.press {
      width: 70vw;
      height: auto;
  }

  .show-press {
      column-count: 1;
      width: 70vw;
  }

  .show-press-release {
      width: auto;
      column-count: 1;
  }

  .show-press-release-img {
      width: 70vw;
  }

  .show-press-release-img img {
      max-height: 100%;
      min-width: 65vw;
      margin-left: 2.5vw;
  }

  .show-press-img {
      width: 70vw;
  }

  p.download-pdf-p {
      display: flex;
  }

  .show-press-img img {
      max-height: 100%;
      min-width: 65vw;
      margin-left: 2.5vw;
      margin-bottom: 0.25rem;
      margin-top: 0.25rem;
      display: block;
  }

  .slideshow-image div.image {
      margin-top: 4rem;
      flex-direction: column;
      justify-content: center;
      height: 55vh;
      height: calc(100vh - 8.6rem - 12rem);
  }

  .slideshow-slide.shows .image img {
      max-height: 100%;
      /*min-width: 75vw;*/
      max-width: 75vw;
      margin-left: 1vw;
  }

    .slideshow-image.shows {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    }


}

@media (min-width: 800px) and (max-width: 999px) { 

      .show-item img, .shows-buttons {
          height: 14vw;
      }

      img.show-img-7, img.show-img-6, img.show-img-5, img.show-img-4 {
          display: none !important;
      }

      a.show-img-4, a.show-img-3, a.show-img-1 {
          display: none;
      }

      .shows-buttons {
          width: 18vw;
          margin-right: 0;
      }

      /*===================================================SHOWS BY ONE============================================*/

      .slideshow-slide.shows, .slideshow-image.shows {
          height: 73.5vh;
          height: calc( ( 100vh - 8.6rem ) * 0.85);
      }

      .show-press-container.press, .show-press-container {
          height: 67vh;
          height: calc( ( 100vh - 8.6rem ) * 0.85 - 3rem)
      }

      .info-text-container {
          font-size: 0.5rem;
      }

}

@media (min-width: 1000px) and (max-width: 1249px) { 

    .show-item img, .shows-buttons {
        height: 9.5vw;
    }

    img.show-img-7, img.show-img-6, img.hide-5 {
        display: none !important;
    }

    a.show-img-4, a.show-img-2, a.show-img-1 {
        display: none;
    }

    .shows-buttons {
      width: 14vw;
      margin-right: 0;
    }
}

@media (min-width: 1250px) { 

    .show-item img, .shows-buttons {
        height: 7vw;
    }

    a.show-img-3, a.show-img-2, a.show-img-1 {
        display: none;
    }

    .shows-buttons {
        width: 14vw;
        margin-right: 0;
    }

}


/* -----------------------FOOTER */

footer {
    height: 1.6rem;
}

.copyright {
    /*font-family: "Lucida Console", Monaco, monospace;*/
    font-family: 'BPtypewrite', sans-serif;
    font-size: 0.6rem;
    line-height: 0.6rem;
    /*font-size: 0.7rem;*/
    /*letter-spacing: 0rem;*/
    width: fit-content;
    margin: 0.5rem;
    margin-right: 1rem;
    color: #896868;
    text-align: justify;
    font-style: normal;
    font-weight: 200;
    float: right;
    opacity: 0;
   /* -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;*/
}


div.construction-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    
    -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

    height: 70vh;
    height: calc( ( 100vh - 8.6rem ) * 0.8);
}

h2.under-construction {
        /*font-family: 'Roboto';*/
    font-family: 'Text me one', sans-serif;
    /* font-family: 'BPtypewrite'; */
    text-transform: uppercase;
    font-weight: 100;
    color: #9e9999;
}

.menu-work-l2.gallery-date {
    position: absolute;
    left: 0;
    opacity: 0;
}

.menu-work-l2 li, .menu-shows-l2 li {
  width: -webkit-fill-available;
  position: relative;
}


/* ====================================================================== CSS NEW 4.0.0 =================================================*/

.gallery-item {
    height: 25vw;
    width: auto;
    margin-bottom: 3vw;
    margin-right: 1.5vw;
    margin-left: 1.5vw;
}

.gallery-item img {
      max-height: 25vw;
}

@media (max-width: 799px) and (orientation: portrait) {
    .gallery-item {
      width: 80vw;
      height: auto;
      margin-bottom: 3vw;
      margin-right: 0.5vw;
      margin-left: 0.5vw;
    }

    .gallery-item img {
        max-width: 80vw;
        max-height: 70vh;
        transition: 0.5s ease;
    }
}


@media (min-width: 800px) and (max-width: 999px) {  /* font size : 16px */
  .gallery-item {
    width: auto;
    height: 15vw;
    margin-bottom: 1vw;
      margin-right: 0.5vw;
      margin-left: 0.5vw;
  }

  .gallery-item img {
      max-height: 15vw ;
  }
}

@media (min-width: 1000px) {  /* font size : 16px */
  .gallery-item {
    width: auto;
    height: 10vw;
    margin-bottom: 1vw;
    margin-right: 0.5vw;
    margin-left: 0.5vw;
  }

  .gallery-item img {
      max-height: 10vw !important;
  }
}

.gallery-container {
  justify-content: flex-start;
  margin-top: 4rem;
} 

@media (max-width: 799px) and (orientation: portrait) {
  .gallery-container {
    justify-content: center;
    flex-direction: column;
  }
}

@media (max-width: 999px) {
  .gallery-container {
    margin-top: 2rem;
  }
}


.work-gallery p:hover, .work-gallery p:hover .titre {
  color: initial;
}

.work-gallery p:hover .titre {
  /*font-weight: 600;*/
  /*opacity: 0.8;*/
  color: #0000009c;
}



.title-many {
    top: 45%;
}

.menu-work-l2 li:hover .gallery-titre {
    opacity: 0;
}

.menu-work-l2 li:hover .gallery-date {
    opacity: 1;
}