/*Eric2024.css*/
body{background-color:#000;font-family:arial; color:aliceblue}
@font-face {
  font-family: 'kunstler_scriptregular';
  src: url('fonts/kunstler-webfont.woff2') format('woff2'),
       url('fonts/kunstler-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
p{text-indent:1em;}
h1{font-family:'kunstler_scriptregular'; font-size:2.5em; text-align:center;border-top:1px solid rgb(76, 74, 74); border-bottom:2px solid rgb(76, 74, 74); width:100%;box-shadow: 3px 3px 10px #686565;color:aliceblue;}
h2{font-size:1.5em;text-align:center;border:1px solid rgba(96, 93, 93, 0.905); width:90%;box-shadow: 3px 3px 10px #a8a7a7; margin-left:5%;margin-bottom:1.5em;}
h3{font-size:1.5em;margin:1em .5em -.2em .3em;}
h4{font-family: 'Kunstler', sans-serif;}
.accueil img { animation: fadein 5s;-moz-animation: fadein 5s; /* Firefox */-webkit-animation: fadein 5s; /* Safari et Chrome */-o-animation: fadein 5s; /* Opera */}
@keyframes fadein {from { opacity:0;}to {opacity:1;}}
@-moz-keyframes fadein {from { opacity:0;}to {opacity:1;}}
@-webkit-keyframes fadein {from { opacity:0;}to {opacity:1;}}
@-o-keyframes fadein {from { opacity:0;}to {opacity:1;}}
.accueil{display:flex; justify-content: center; align-items: center;}
.accueil img{width:45em;}
.intro{width:60%; margin-left:1em;}
.logo h4 {font-family:'kunstler_scriptregular'; font-size:5em;margin-bottom:0;}
  a{color:aliceblue; text-decoration:none;}
  a:hover{color:#f19809; text-decoration:none;}
  #Tshirts, #Logos, #Aerographe{padding-top:5em;margin-top:-5em;clear:both;}
#header{margin-top:.5em;}  
#header img{max-width:600px;}
#menu{margin:auto;text-align:center;}
#menu a{color:white;text-decoration:none;}
#menu.fixed{position:fixed;top:0;z-index:2;width:100%;}
#menu .one-third{background-color:rgba(0,0,0, .5); color:white;font-size:1.2em;border:2px solid white;width:30%;margin-top:.3em;}
article{background-color:#000;padding:.5em;margin:.5em;border-radius:10px;}
section{background-color:#000;padding:1.5em .5em .5em .5em;margin:1em .5em 1.5em .5em;border-radius:10px;}
section h2{color:white;border-color:white;background-color:rgba(255,255,255,.1);margin-top:1em;}
section img{width:100%;position:relative;}
article h2{color:aliceblue;}
.drapeaux{position:absolute;right:2em;top:.5em;flex-direction:column;align-content:space-between;width:70px;}
.drapeauxS {position:relative; float:right;top:.5em; display:flex; flex-direction:column; align-content:space-between;}
.drapeaux img, .drapeauxS img{margin-bottom:.5em;width:70px;}
.contactLogo{position:absolute;right:7em;top:.5em;flex-direction:column;align-content:space-between;width:100px;}
.contactLogoS{position:relative; float:left;top:.05em; display:flex; flex-direction:column; align-content:space-between;width:70px;}
.Eric{text-align:center; margin:.5em;}
.Eric img.arrondie{margin-bottom:1em;}
.retour{display:block;font-size :1.2em;position:relative;text-align:center;border:1px solid white;}
.vautour{display: flex; flex-direction:column; width:55%; margin-left:1em;}
.grid-3-small-2 {}
.grid-3-small-2 :after{clear:both;}
.arrondie-inbl{display:inline-block;width:33%;border-radius:10px;}
.arrondie{border-radius:7px;margin-top:.5em;}
.caption{position:relative;display:block;width:100%;color:white; background-color:rgba(0,0,0,.5);margin-top:-5em;z-index:3;margin-bottom:5em;border-top:1px solid white;border-bottom:2px solid white;}
.caption h4{color:white; font-family:'kunstler_scriptregular'; font-size:2.5em; margin-bottom:0;text-decoration:none;margin-bottom:.2em;}
.my-gallery {display:flex;flex-wrap:wrap; margin-bottom:1.5em;}
.w30{display:flex; flex-direction:column;justify-content:flex-start; margin-left:2.5%;align-items:center;background-color:rgba(0,0,0,.85);padding:.3em;border-radius:10px;}
.w30 figcaption{color:white;padding-top:.5em}
.w30 img{border-radius:8px;width:100%;}
.expo{ padding:0 1.5em 0 1.5em;}
.pswp__caption__center{font-size:1.25em;text-align:center;}



@media (max-width:600px) and (orientation:portrait){
  .w30 figcaption{font-size:.8em;}
  .arrondie-inbl {width:100%;}
  .expo {padding: 0 .5em 0 .5em;}
  #menu .one-third{width:30%; margin-top:0;}
  .drapeauxS{top:.7em;}
}
@media (min-width:601px){
  .w30 figcaption{font-size:1em;}
}
@media (max-width:700px){
  .drapeaux{display:none;}
  .drapeauxS{display:block;}
  .contactLogo{display:none;}
  .contactLogoS{display:block;}
  .intro{width:100%;}
  .retour{margin-left:40%; max-width:50%;}

}
@media (min-width:701px){
  .drapeaux{display:flex;}
  .drapeauxS{display:none;}
  .contactLogo{display:block;}
  .contactLogoS{display:none;}
  .retour{margin-left:80%; max-width:15%;}
}
@media (min-width:1400px){
  .w30 figcaption{font-size:1em;}
}


@media (min-width:1200px){section{margin-top:2em;margin-bottom:2em;}}