@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@500;600&display=swap');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.noselect{
  -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   line-height: 30px;
}


html {
  font-family: 'Fira Sans', sans-serif;
  color: #323D3F;
  background: #FFF;
  font-size: 14px;
}
img {
  width: 100%;
}

.djcomcol{color: #f7931e;}
.hestiacol{color: #4ec7a9;}
.editioncol{color: #262452;}

body[data-theme="djcom"] *{border-color:  #f7931e;}
body[data-theme="djcom"] *.themecol{color:#f7931e;}
body[data-theme="djcom"] *.themebg{background-color: #f7931e;}
body[data-theme="djcom"] svg{fill: #f7931e;}
body[data-theme="djcom"] .filtre{background: linear-gradient(180deg, rgba(247,147,30,0.44859950816264005) 0%, rgba(247,147,30,0) 45%, rgba(247,147,30,0) 100%);}
body[data-theme="djcom"] .textmarkup h3,
body[data-theme="djcom"] .textmarkup h4{color:  #f7931e;}


body[data-theme="hestia"] *{border-color:  #4ec7a9;}
body[data-theme="hestia"] *.themecol{color:#4ec7a9;}
body[data-theme="hestia"] *.themebg{background-color: #4ec7a9;}
body[data-theme="hestia"] svg{fill: #4ec7a9;}
body[data-theme="hestia"] .filtre{background: linear-gradient(180deg, rgba(78,199,169,1) 0%, rgba(78,199,169,1) 45%, rgba(78,199,169,1) 100%);}
body[data-theme="hestia"] .textmarkup h3,
body[data-theme="hestia"] .textmarkup h4{color:  #4ec7a9;}

body[data-theme="edition"] *{border-color:  #262452;}
body[data-theme="edition"] *.themecol{color:#262452;}
body[data-theme="edition"] *.themebg{background-color: #262452;}
body[data-theme="edition"] svg{fill: #262452;}

body{
  display: flex;
  align-items: flex-start;
}
a{text-decoration: none;color:currentColor}

header.mainmenu{
  width:280px;
  margin-top: 50px;
  border-width: 3px;
  border-style: solid;
  border-left-width: 42px;
  font-family: "Montserrat";
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .1em;
}
header.mainmenu nav{
  padding: 1em 1em 0 1.5em;
  font-size: 13px;
  display: flex;
  flex-direction: column;
}
header.mainmenu img.logo{
  width:225px;display: block;
}
header.mainmenu nav a{
  margin-bottom:.5em;
}

main{
  width: 100%;
  padding: 50px 30px 0 5vw;
}

main.default{
  display: flex;
  flex-direction: column;
  flex-wrap:  wrap;
}

section.titre{
  width: 100%;
  font-family: "Montserrat";
  min-height:80px;
}
.titre h1{
  font-size: 30px;
  padding-bottom: 5px;
}
.titre nav{
  text-transform: uppercase;
  letter-spacing: .1em;
}

.titre nav a {margin-right: 2em;}


main.default .textmarkup p{margin-bottom: 1em;}

figure.galerie{
  height: calc(100vh - (50px + 80px + 120px));
  display: flex;
  width: 100%;
  margin-bottom: 1em;
  position:relative;
}
figure.galerie img{
  width: 100%; height:100%;object-fit: contain;max-height: 80vh
}

section.galerie>a{
  width:8%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height:100%;
}
a.arrow.left{
  transform: scale(-1,1);
}
a.arrow:hover svg{
  transform: scale(.96);
}

.galerie-vue figure{display: none;}

.galerie-vue[data-vue="0"]  figure:nth-child(1)  {display:block}
.galerie-vue[data-vue="1"]  figure:nth-child(2)  {display:block}
.galerie-vue[data-vue="2"]  figure:nth-child(3)  {display:block}
.galerie-vue[data-vue="3"]  figure:nth-child(4)  {display:block}
.galerie-vue[data-vue="4"]  figure:nth-child(5)  {display:block}
.galerie-vue[data-vue="5"]  figure:nth-child(6)  {display:block}
.galerie-vue[data-vue="6"]  figure:nth-child(7)  {display:block}
.galerie-vue[data-vue="7"]  figure:nth-child(8)  {display:block}
.galerie-vue[data-vue="8"]  figure:nth-child(9)  {display:block}
.galerie-vue[data-vue="9"]  figure:nth-child(10) {display:block}
.galerie-vue[data-vue="10"] figure:nth-child(11) {display:block}
.galerie-vue[data-vue="11"] figure:nth-child(12) {display:block}
.galerie-vue[data-vue="12"] figure:nth-child(13) {display:block}
.galerie-vue[data-vue="13"] figure:nth-child(14) {display:block}
.galerie-vue[data-vue="14"] figure:nth-child(15) {display:block}


main.default .textmarkup{
  padding:30px 20px 4em 20px;
  line-height: 1.6em;
  max-width: 900px;
}
.textmarkup>*{margin: 1em 0;}
.textmarkup h3{font-size: 1.8em;margin-top:1.5em}
.textmarkup h3:first-child{margin-top:0}
.textmarkup h4{font-size: 1.4em;}
.textmarkup li{margin-left: 3em;}

.homemodule{
  position: relative;
  display: block;
  height: 70vh;
}
.homemodule img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pagemodule>img{
  width: 100%;
  max-height: 70vh;
  object-fit: cover;
}
.pagemodule .filtre{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.moduletexte{
  position: absolute;
  width: 100%;
  top:0;left:0;
  padding: 30px;
  max-width: 650px;
  color: #FFF;
}
.textetitre{
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 1em;
}

.homepoints{
  display: flex;
  justify-content: space-around;
  margin-bottom: 3em;
}
.point{
  max-width: 50%;
  min-width: 33.333334%;
  text-align: center;
}
.point img{object-fit: contain;}
.point>*:not(img){padding:0 1em}

main.editions{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main.editions>a{
  width:25%;
}

p.infos{
  margin-top: 1em;
  font-size: 18px;
  margin-bottom: 2em;
}
span.prix{font-size: 24px}
@media (min-width:1025px) {
  .desktophide{display:none!important}
}

@media (max-width:1024px) {
  .mobilehide{display:none!important}
  main{flex-direction: column;width:100%;margin-top:70px;padding:0;}
  main>*{width:100%!important;}
  section.titre{padding:30px 20px 1em 20px;}
  nav.sous-pages{
    display: flex;flex-direction: column;
  }
  header.mainmenu{margin-top:0;position: fixed;top:0;left:0;width:100%;z-index:100;background:#FFF}
  header:not(.open) nav{display:none}
  header:not(.open) .logo{
    object-position:bottom;
    object-fit: cover;
    height: 64px;
    width: 176px !important;
  }
  header.open .mask{
    position: absolute;top:100%;left:-42px;
    width:100vw;height:100vh;
    z-index: -1;
    background-color: rgba(0,0,0,.3);
  }

  figure.galerie{height:auto}
}