body, html { padding:0; margin:0;overflow-x:hidden;overflow-y:auto; }
@font-face { font-family: 'Early GameBoy';src: url('./fonts/Early-GameBoy.eot');src: url('./fonts/Early-GameBoy.eot?#iefix') format('embedded-opentype'),url('./fonts/Early-GameBoy.woff2') format('woff2'),url('./fonts/Early-GameBoy.woff') format('woff'),url('./fonts/Early-GameBoy.ttf') format('truetype'),url('./fonts/Early-GameBoy.svg#Early-GameBoy') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'SEGA LOGO FONT';src: url('./fonts/SEGA.eot');src: url('./fonts/SEGA.eot?#iefix') format('embedded-opentype'),url('./fonts/SEGA.woff2') format('woff2'),url('./fonts/SEGA.woff') format('woff'),url('./fonts/SEGA.ttf') format('truetype'),url('./fonts/SEGA.svg#SEGA') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Harry P';src: url('./fonts/HarryP.eot');src: url('./fonts/HarryP.eot?#iefix') format('embedded-opentype'),url('./fonts/HarryP.woff2') format('woff2'),url('./fonts/HarryP.woff') format('woff'),url('./fonts/HarryP.ttf') format('truetype'),url('./fonts/HarryP.svg#HarryP') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Times New Roman';src: url('./fonts/'TimesNewRomanPSMT.eot');src: url('./fonts/'TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),url('./fonts/'TimesNewRomanPSMT.woff2') format('woff2'),url('./fonts/'TimesNewRomanPSMT.woff') format('woff'),url('./fonts/'TimesNewRomanPSMT.ttf') format('truetype'),url('./fonts/'TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Belwe';src: url('./fonts/Belwe-Bold.eot');src: url('./fonts/Belwe-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/Belwe-Bold.woff2') format('woff2'),url('./fonts/Belwe-Bold.woff') format('woff'),url('./fonts/Belwe-Bold.ttf') format('truetype'),url('./fonts/Belwe-Bold.svg#Belwe-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap; }
@font-face { font-family: 'Satans';src: url('./fonts/SatansMinions.eot');src: url('./fonts/SatansMinions.eot?#iefix') format('embedded-opentype'),url('./fonts/SatansMinions.woff2') format('woff2'),url('./fonts/SatansMinions.woff') format('woff'),url('./fonts/SatansMinions.ttf') format('truetype'),url('./fonts/SatansMinions.svg#SatansMinions') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Asterix';src: url('./fonts/AsterixRegular.eot');src: url('./fonts/AsterixRegular.eot?#iefix') format('embedded-opentype'),url('./fonts/AsterixRegular.woff2') format('woff2'),url('./fonts/AsterixRegular.woff') format('woff'),url('./fonts/AsterixRegular.ttf') format('truetype'),url('./fonts/AsterixRegular.svg#AsterixRegular') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Ninja Naruto';src: url('./fonts/NinjaNaruto.eot');src: url('./fonts/NinjaNaruto.eot?#iefix') format('embedded-opentype'),url('./fonts/NinjaNaruto.woff2') format('woff2'),url('./fonts/NinjaNaruto.woff') format('woff'),url('./fonts/NinjaNaruto.ttf') format('truetype'),url('./fonts/NinjaNaruto.svg#NinjaNaruto') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face { font-family: 'Banco';src: url('./fonts/BancoFont.eot');src: url('./fonts/BancoFont.eot?#iefix') format('embedded-opentype'),url('./fonts/BancoFont.woff2') format('woff2'),url('./fonts/BancoFont.woff') format('woff'),url('./fonts/BancoFont.ttf') format('truetype'),url('./fonts/BancoFont.svg#BancoFont') format('svg');font-weight: 100;font-style: normal;font-display: swap; }
@font-face { font-family: 'Utendo';src: url('./fonts/Utendo-Regular.eot');src: url('./fonts/Utendo-Regular.eot?#iefix') format('embedded-opentype'),url('./fonts/Utendo-Regular.woff2') format('woff2'),url('./fonts/Utendo-Regular.woff') format('woff'),url('./fonts/Utendo-Regular.ttf') format('truetype'),url('./fonts/Utendo-Regular.svg#Utendo-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap; }
@font-face {
    font-family: 'Product Sans';
    src: url('./fonts/ProductSans-Regular.eot');
    src: url('./fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/ProductSans-Regular.woff2') format('woff2'),
        url('./fonts/ProductSans-Regular.woff') format('woff'),
        url('./fonts/ProductSans-Regular.ttf') format('truetype'),
        url('./fonts/ProductSans-Regular.svg#ProductSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.mobile .page { min-height:95vh;height:auto; }
.mobile .spacer { width:100vw;height:100%;background-size:100vw;background-position:0 0; }
.mobile .content { width:100vw;top:45vh;left:0;min-height:50vh;height:auto;overflow:visible; }
.mobile h1 { font-size:3vh; }
.mobile h3 { font-size:1.4vh; }
.mobile h4 { font-size:1.2vh; }
.mobile #page-jeux-de-role h1 { margin-left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); }

#container { display:block;width:100vw;height:500vh; }
.spacer { position:absolute;display:inline-block;width:40vw;height:100%;float:left;background-size:40vw;background-repeat:no-repeat;background-position:0 50%;background-attachment: fixed; }
.content { position:absolute;display:inline-block;width:60vw;min-height:95vh;left:40vw;text-align:center; }
.page { position:absolute;width:100vw;height:95vh;overflow:hidden; }
.text { width:60%;display:inline-block;text-align:left !important; }

#page-titre { background-color:#d41f24;z-index:990;top:0; }
#page-titre h1 { font-family:"Early GameBoy";font-size:4vw;text-align:center;color:#ffffff; }
#page-titre h2 { font-family:"Early GameBoy";font-size:2.0vw;text-align:center;color:#ffffff; }
h3 { font-family:"Arial";color:#ffffff;text-align:center;font-size:1.5vw;word-spacing: 0.4vw;font-weight:bolder; }
h4 { font-family:"Arial";text-transform: uppercase;color:#000;text-align:center;font-size:1.1vw;word-spacing: 0.4vw;font-weight:bolder; }
#page-titre .spacer { background-image:url('./imgs/logo_main.png'); }
#page-titre .wrapper { margin-top: 50vh;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }

#page-jeux-video { background-color:#000;z-index:970; }
#page-jeux-video h1 { font-family:"Times New Roman";font-size:5vw;text-align:center;color:#ffffff;font-weight:bold;text-transform: uppercase; }
#page-jeux-video .spacer { background-image:url('./imgs/page2.png'); }

#page-jeux-de-role { background-color:#ee141e;z-index:970; }
#page-jeux-de-role h1 { font-family:'Satans';font-size:5vw;text-align:center;font-weight:bold;display:inline-block;color:#eb4d10;
text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, 
-5px 0 0 #e2a74b, 5px 0 0 #e2a74b, 0 5px 0 #a53736, 0 -5px 0 #e2a74b,
-4px -4px 0 #e2a74b, 4px -4px 0 #e2a74b, -4px 4px 0 #a53736, 4px 4px 0 #a53736,
-7px 0 0 #000, 7px 0 0 #000, 0 7px 0 #000, 0 -7px 0 #000,
-6px -6px 0 #000, 6px -6px 0 #000, -6px 6px 0 #000, 6px 6px 0 #000;
}

#page-jeux-de-role .spacer { background-image:url('./imgs/page3.png'); }
#page-jeux-de-role h1 .sub { font-family:'Belwe';font-size:3vw;text-align:center;font-weight:bold;display:inline-block;color:#ffffff;
text-shadow: -2px 0 0 #000, 2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000,
-1.8px -1.8px 0 #000, 1.8px -1.8px 0 #000, -1.8px 1.8px 0 #000, 1.8px 1.8px 0 #000;
margin-left:-12vw;
}

#page-bandes-dessinees { background-color:#ffffff;z-index:970; }
#page-bandes-dessinees h1 { font-family:"Asterix";font-size:5vw;text-align:center;color:#df0e24;font-weight:bold;  text-transform: uppercase; }
#page-bandes-dessinees h1 .sub { font-family:'Banco';text-align:center;font-weight:bold;display:inline-block;font-size:4vw;
text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, 
-5px 0 0 #000, 5px 0 0 #000, 0 5px 0 #000, 0 -5px 0 #000,
-4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000,
0.5vw 0.5vw 0 #000;color:#2861c5;
}
#page-bandes-dessinees h1 .sub::first-letter { font-size:1.8em;margin-left:0; }
#page-bandes-dessinees p { color:#000 !important; }

#page-jeux-de-role h1 .sub { font-family:'Belwe';font-size:3vw;text-align:center;font-weight:bold;display:inline-block;color:#ffffff;
text-shadow: -2px 0 0 #000, 2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000,
-1.8px -1.8px 0 #000, 1.8px -1.8px 0 #000, -1.8px 1.8px 0 #000, 1.8px 1.8px 0 #000;
}
#page-bandes-dessinees .spacer { background-image:url('./imgs/page4.png'); }

#page-culture { background-color:#2a7f80;z-index:970; }
#page-culture h1 { font-family:'Harry P';font-size:5vw;text-align:center;color:#000;font-weight:bold;text-transform: uppercase;text-shadow: 1px 1px 4px #fff, -1px -1px 4px #000;
	color: #fada37;
	opacity: 1.0; }
#page-culture .spacer { background-image:url('./imgs/page-culture.png'); }

#page-cosplay { background-color:#c71457;z-index:970;color:#ffffff; }
#page-cosplay .spacer { background-image:url('./imgs/page-cosplay.png'); }
#page-cosplay h1 { font-family:'Ninja Naruto';text-align:center;font-weight:bold;display:block;color:#eb8e28; font-size:4vw;
text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, 
-5px 0 0 #000, 5px 0 0 #000, 0 5px 0 #000, 0 -5px 0 #000,
-4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000,
0.5vw 0.5vw 0 #000;
}

#page-cosplay a:hover { color:#000000; }

#page-pratique { background-color:#ffffff;z-index:970; }
#page-pratique .text p { color:#000000 !important; }
#page-pratique h1 { font-family: 'Product Sans';font-size:6vw;word-spacing:-1.1vw; }
#page-pratique .spacer { background-image:url('./imgs/logo_main.png'); }
.googleColor0 { color:#4285F4; }
.googleColor1 { color:#DB4437; }
.googleColor2 { color:#F4B400; }
.googleColor3 { color:#0F9D58; }

p { font-family:'Utendo';color:#ffffff;font-size:2vh;word-spacing: 0.25vw; }
#page-jeux-video .ngDot { display:inline-block;margin-top:-1.4em; }
#page-jeux-de-role .firstLetter { display:inline-block;font-size:12vw;float:left;margin-top:-0.17em; }

.particles { display:block;position:absolute;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;width:10vw;height:10vw; }
#page-jeux-video .particle1 { background-image:url('./imgs/snes.png'); }
#page-jeux-video .particle2 { background-image:url('./imgs/genesis.png'); }
#page-jeux-video .particle3 { background-image:url('./imgs/dreamcast.png'); }
#page-jeux-video .particle4 { background-image:url('./imgs/360.png'); }
#page-jeux-video .particle5 { background-image:url('./imgs/xbox.png'); }
#page-jeux-video .particle6 { background-image:url('./imgs/playstation.png'); }
#page-jeux-video .particle7 { background-image:url('./imgs/saturn.png'); }
#page-jeux-de-role .particle { background-image:url('./imgs/particle-white-blur.png'); }

#page-bandes-dessinees .particle1 { background-image:url('./imgs/bulle-1.png'); }
#page-bandes-dessinees .particle2 { background-image:url('./imgs/bulle-2.png'); }
#page-bandes-dessinees .particle3 { background-image:url('./imgs/bulle-3.png'); }
#page-bandes-dessinees .particle4 { background-image:url('./imgs/bulle-4.png'); }
#page-bandes-dessinees .particle5 { background-image:url('./imgs/bulle-6.png'); }

#page-cosplay .particle1 { background-image:url('./imgs/cosplay-1.png'); }
#page-cosplay .particle2 { background-image:url('./imgs/cosplay-2.png'); }
#page-cosplay .particle3 { background-image:url('./imgs/cosplay-3.png'); }
#page-cosplay .particle4 { background-image:url('./imgs/cosplay-4.png'); }

#page-culture .particle1 { background-image:url('./imgs/icon-part-1.png'); }
#page-culture .particle2 { background-image:url('./imgs/icon-part-2.png'); }
#page-culture .particle3 { background-image:url('./imgs/icon-part-3.png'); }
#page-culture .particle4 { background-image:url('./imgs/icon-part-4.png'); }
#page-culture .particle5 { background-image:url('./imgs/icon-part-5.png'); }

.animate {
  animation-name: myAnimation;
  animation-duration: 3s;
  transform:scale(1,1);
} 

@keyframes myAnimation {
  0%   { transform:scale(0,1); }
  33%  { transform:scale(-1,1); }
  66%  { transform:scale(-1,0); }
  67%  { transform:scale(1,0); }
  100% { transform:scale(1,1); }
}

.cmplz-cookiebanner{z-index:9999;}
#footer { font-family:'Utendo';position:fixed;z-index:1100;width:100vw;line-height:5vh;bottom:0;text-align:center;background:rgba(0,0,0,0.8);color:#ffffff; }
a { text-decoration:none;color:#ffffff;font-weight:bold; }
a:hover { color:#d41f24; }
img { max-width:100%;height:auto; }
.page:last-of-type { padding-bottom:5%; }
.imgContainer { background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center; }
.blur { backdrop-filter: blur(5px);width:100%;height:100%; }
#map { width:100%;height:50vh; }

.galleryimage {
  display:inline-block;float:left;width:31%;margin:1%;background-size:cover;background-position:50% 50%;border-radius:8px;cursor:hand;cursor:pointer;
}
.mobile .galleryimage { 
  width:48% !important;
}
.pixel {
  display:inline-block;
  width:100%;
  height:auto;
}
/*rgba(212,31,36,0.75)*/
.fsImg { position:fixed;display:block;z-index:2000;background-color:rgba(0,0,0,0.75);opacity:0;text-align:center;cursor:hand;cursor:pointer; }
/* .fsImg img { max-width:90%;max-height:90%;margin-top: 50vh;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } */
.fsImg img { max-width:90%;max-height:90%;
margin-top: 50vh;
margin-left: 50vw;
transform: translate(-50%, -50%); }

#go { position:fixed;display:block;z-index:1200;bottom:10vh;right:5vw;width:10vh;height:9.8vh;background-image:url('./imgs/go.png');background-size:cover;background-position:0 0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }

table { width:100%; }
table td { width:50%; }