div.men { background-image: url(../2/box.gif);
	background-size: 100% 100%;
	position: absolute;
	padding: 2vw;
	width: 10vw;
	    	z-index: 100;


}


#shadow {
  filter: drop-shadow(16px 16px #00000066);
}


#top {
	top: 1000px;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	padding: 1vw;
	padding-top: 3vw;
	padding-bottom: 8vw;
	background: url(../tmp/soucoupe.gif);

text-shadow: 3px 3px 0px black;
}
div.modif {
	overflow-y: scroll;
	width: 300px;
	max-height: 200px;
	top: 600px;
border: solid 10px;
	border-image: url(../tmp/r.gif) 10 20% repeat;
	background-color: white;
	background-clip:content-box;
	position: absolute;
	left:0;
	z-index: +3;
	right: 0;
	margin:auto;
}
a.toc{ 
	padding-top: 0.3vw;
	padding-bottom: 0,3px;
	display:block;
	background-color: transparent;
	color: white;
	width: 110px;
	margin-left: auto;
	margin-bottom: 0.5vw;
	margin-right: auto;
	 z-index: +200;
    text-align: center;
    height: 17px;
    font-family: index;
    text-decoration: none;
	background: #73748a;
}

 img.tet {width:175px;margin-top:13px;margin-left:13px}
div.main {
	left:0;
	right:0;
		height: 120vw;
	margin: auto;
	top: 0vw;
	width: 70vw;
	position:absolute;

		background-size: cover;
		border-style: solid;
		border-width: 150px 150px 150px 150px;
		border-image: url(../tmp/fra.gif) 17% repeat;
	
}
.fg, .bgfor, .bgbac,.above,.layer {
	top: 0;
	z-index: +2;
	background-size: cover;
	position: absolute;
	  width: 100%;
	  height: 100%;
}
.bgbac {  background-attachment: fixed;
	background-position: left;
	background-repeat: repeat;
	z-index: -2;
	width: 70vw;
 	transform: translate3d(0, 0, 0);
	background-image: url(../tmp/st.gif);
	animation: infinite linear gradient 500s ;
}
.bgfor {  
	background-position: top;
	background-size: 70vw;
	width:70vw;
	z-index: -1;
 	transform: translate3d(0, 0, 0);
	background-image: url(../tmp/test.gif);
	animation: infinite linear updown 5s ;
}
.bgfor2 {  
	background-repeat: repeat-x;
	height: 30vw;
 	transform: translate3d(0, 0, 0);
	background-size: 65vw;
  filter: drop-shadow(0px 16px #00000066);
	background-image: url(../tmp/bg_cl.gif);
	animation: infinite linear gradient 1000s ;
}


.fg { background-image: url(../tmp/m.gif);
}
p.est { text-align: center; 
  font-family: monospace;
  font-size: 15px;
}
#u { border:solid 1px black;
	width: 25px;
	margin-left: auto;
	margin-right: auto;
}
.bo { border: solid 2px black;
}
div.wig {

	width: 350px;
border: solid 10px;
	border-image: url(../tmp/r.gif) 10 20% repeat;
	background-color: white;
	background-clip:content-box;
	position: absolute;
	top: 50px;
	left:0;
	right: 0;
	margin:auto;

}
div.a {
		left: 0;
		right: 0;
		margin: auto;
		top: 1760px;
		display:block;
		position: absolute;
		z-index: 100;
		width: 300px;
		background-color: black;
		border: solid 10px;
		border-image: url(../tmp/sd.gif) 10 20% repeat;
	}
div.txt {
	left: 0;
	right:0;
	margin:auto;
	width: 600px;
	position: fixed;
	z-index: +200;
	text-align: right;
	padding: 0.5vw;
	top: 0;
	background-size: 40%;
	background-image: url(../tmp/eye.webp);
	border-width: 0px 5px 5px 5px;
	border-color: black;
	border-style: solid;
}

footer  {
    clear: both; /*may be omitted*/
    position: fixed;
    bottom: 0;
    padding-bottom: 31px;
    color: white;
    text-align: center;
		margin-top: 100px;

    	z-index: +200;
   	background-image:url(../tmp/st.gif);
	background-size: 100%;
	padding-top: 5px;
	border-top: solid 10px;
	border-image: url(../tmp/top.webp) 48%;
    font-size: 20px;
    width: 100%;
    height: 28px; /* or anything you like */
 }
 pre.jk { background-color: #00008d;
	 display:inline;
 }
a.t {
	color: white;
	padding-left: 10px;

	background-color: black;
	padding-right: 10px;
}
body { margin: 0;
	image-rendering: pixelated;
 cursor: url(../acc/cur.gif), default;
	background-color: #ebbcba;
	background-image: url(../tmp/flower.jpg);
	background-size: 20%;
height: 100%;
}
a {  cursor: url(../acc/cur.gif), auto;
	color: white;
}
a:hover { color:#73748a;
}
a.old { color:red;
	text-shadow: none;
}
a.old:hover { color: #ebbcba;
}
#oone { left: 300px;
	top: 914px;
	right: auto;
	background-image: url(../tmp/c2.gif);
}

#ttwo { left: 435px;
	top: 760px;
	background-image: url(../tmp/c3.gif);
}


#ffour { right: 265px;
	top: 930px;
		background-image: url(../tmp/c7.gif)

}

#ffive { left: 190px;
	top: 850px;
	background-image: url(../tmp/c4.gif);
}

#end { top: 2200px;
	position: absolute;
		    	z-index: 100;
}
.ov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vw;
  z-index: +5;
  background: url(../tmp/cur.gif) no-repeat;
  background-size: 100% 100%
}
	#top::before {
background-size: cover;
background: initial;
	}
	     a.toc:hover::before {
transform: scaleX(1);
transform-origin: bottom left;
	    }
	a.toc::before {
		content: " ";
display: block;
position: absolute;
width: 100px;
height: 20px;
background-size: cover;
background: url(../tmp/c6.gif);
z-index: +1;
transform: scaleX(0);
transform-origin: top left;
transition: transform .3s ease;
	}
@keyframes updown {
    0% {
    
     transform: translatey(0);
    }
    50% {
     transform: translatey(-1%);
    }
    100% {
     transform: translatey(0);
    }
}
@keyframes gradient {
    0% {
    
	    background-position: 0 50%;
    }
    50% {
        background-position: -5495px 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@font-face {
    font-family: 'index';
    src: url('../fonts/zelda.woff2') format('woff2'),
         url('../fonts/zelda.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}