@font-face{
	font-family: "amigafont";
	src: url("font/amiga4ever.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}

body{
	font-family: 'arial','sans-serif';
	background-color: #141414 ; /* black */
	background-image: url('images/chalkboard.jpg');
	background-attachment:fixed;
	padding: 0;
	margin: 0px;
	min-height: 100%;
	color: #fff;
	position: relative;
	width: 100%;
}

body .page{
	margin: 0px 10px;	/* 20 80 */
}

body a { 
	text-decoration: none; 
	font-family: Arial, Helvetica ; 
	color: #0000FF; 
	font-style: normal; 
	font-weight: bold;
}
a:link { 
	text-decoration: none; 
	font-family: Arial, Helvetica ; 
	color: #0000FF; 
	font-style: normal; 
	font-weight: bold;
}
a:hover { 
	text-decoration: underline; 
	color: #FF0000; 
	font-family: Arial, Helvetica; 
	font-style: normal; 
	font-weight: bold
}
a:visited { 
	text-decoration: none; 
	color: #9999CC;
	font-family: Arial, Helvetica; 
	font-style: normal; 
	font-weight: bold
}
a:active { 
	text-decoration: none; 
	color: #9999CC;
	font-family: Arial, Helvetica; 
	font-style: normal; 
	font-weight: bold
}

.loader-hidden{
	opacity: 0;
	visibility: hidden;
}

/*------- curseurs contextuels --------*/
.miga {
	CURSOR: url('cursore.cur'), default
}

.atari {
	CURSOR: url('cursat.cur'), default
}

.bibl {
	CURSOR: url('curseur.cur'), default
}
/* amiga bar */
.tabmiga{
	width : 100%;
	border : black 1px solid;
	padding: 0px 0px;
}
.tabmiga2{
	width : 80%;
	border : black 1px solid;
	padding: 0px 0px;
}
.tabdentro2{
	/*width : 652px;*/
	border : black 1px solid;
	padding: 0px 0px;
	color: #fff;	
	/*background-image:url('images/gradient2.jpg');*/
	/*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
	background: linear-gradient(45deg, #5081BC, #84C347, #FFF000, #F24922);	
/*	background-size: 200% 200%;*/
/*	animation: gradient 15s ease infinite;*/
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.tabdentro {
	background: #1a2a6c;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #fdbb2d, #b21f1f, #1a2a6c);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fdbb2d, #b21f1f, #1a2a6c);
}

#leftb{
	width:20px;
	height:16px;
	background-image:url('images/leftb.gif');
	background-repeat: no-repeat;
	float: left;
}
#centerb{
	font-size: 0.75rem;
	font-family: 'Arial';
	font-weight: 600;
	width:auto;
	height:16px;
	background-image:url('images/centerb.gif');
	background-repeat: repeat;
	background-color: #6182ae;
	color: white;
	float: center;
}
#rightb{
	width:47px;
	height:16px;
	background-image:url('images/rightb.gif');
	background-repeat: no-repeat;
	float: right;
}
#cadregauche{
	width:10px;
	height:100%;
	background-image:url('images/cadre_gauchenw.gif');
	background-repeat: repeat;
	float: left;
}
#cadredroit{
	width:10px;
	height:100%;
	background-image:url('images/cadre_droitnw.gif');
	background-repeat: repeat;
	float: right;
}

/* atari bar */
.tabatari{
	width: 100%;
	border: black 1px solid;
	padding: 0px 0px;
	height: 16px;
}

#a-leftb2{
	width:20px;
	height:16px;
	background-image:url('images/a-leftb2.gif');
	background-repeat: no-repeat;
	float: left;
}
#a-centerb2{
	font-size: 0.75rem;
	font-family: 'Arial';
	font-weight: 600;
	width:auto;
	height:16px;
	background-image:url('images/a-centerb.gif');
	background-repeat: repeat;
	background-color: #fff;
	color: black;
	float: center;
	text-align: center;
}
#a-rightb2{
	width:47px;
	height:16px;
	background-image:url('images/a-rightb2.gif');
	background-repeat: no-repeat;
	float: right;
}

.citation{
	text-align: justify;
	padding: 6px 6px;
}

/* dossier rollover */ 
.card {
	width: 68px;
	height: 32px;
	position: relative;
	display: inline-block;
	margin: 0px;
}
.card .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.card:hover .img-top {
	display: inline;
}

/* Progress CSS */

#scroll-progress {
  position: fixed;
  top: 0;
  right: 5px;
  width: 3px;
  height: 0%;
  background: orangered;
  z-index: 100000;
}

/*-------------- Barre de navigation */
nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: sticky;
	top: 0;
	background: linear-gradient(90deg,#141414,#764ba2,#111111);
	background-color: #141414 ;
	padding-left: 0px 0px;
	padding-right: 40px 40px;
	margin-left: 40px
	width: 70%;
	z-index: 99999;
}

nav .logo{
	margin-top: 2px;
	padding-left: 85px;
}

nav .onglets{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

nav	.onglets a{
	margin-right: 20px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

nav .menu{
	margin-top: 10px;
}

nav	.buttons button{
	padding: 6px 10px;
	margin-top: 8px;
	border:none;
	font-size: 15px;
	cursor:pointer;
	outline:none;
}

nav	.buttons .login{
	background-color: inherit; /* herite de nav */
	margin-right: 20px;
	color: #8f8f8f;
}

nav	.buttons .reg{
	background-color: #f54260;
	margin-right: 80px;
	color: #fff;
}
/* Fin Barre de navigation */

/* Header */
header {
}


/* Fin Header */

/* Pied de page */
footer{
/*	background-color: #141a1a;*/
	padding: 0px 100px;
	color: #828282;
}

/* copyright */
footer h5{
	text-align: center;
}

.footer2{
/*	position: fixed;*/
	position: sticky; /* toujours visible */
	left: 0;
	bottom: 0;
	background-color: #111111;
	padding: 0px;
}
/* webplayer */
.footer2 h6{
	text-align: right;
	color: green;
	padding-right: 10px;
}
/* Fin Pied de page */

/* CONTENU */
#inside {
	display: flex;
	padding-left: 90px;
	padding-right: 90px;
}

#sideBar {
	min-width: 180px;
	max-width: 180px;
/*	background-image: url('images/model_02.png');*/
/*	background-color: #141414;*/
	background: linear-gradient(180deg,#141414,#764ba2,#111111);
	position: fixed;
	height:100%;
	box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.75);
}

#content {
	font-family: 'arial','sans-serif';
	padding-left: 150px;
	width: 89%;
	background-color: #fff;
	color: black;
	-moz-border-radius:10px 10px 0 0;
	-khtml-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:20px 10px 0 0;
	box-shadow: 6px 0px 0px 0px rgba(0,0,0,0.75);
}

/*--------------------- Menu Deroulant Vertical */
/* custom version 2 couleurs */
#menu-demo2, #menu-demo2 ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	z-index: 1000;
}

#menu-demo2 li{
	display:inline-block;
	position:relative;
	border-radius:8px 8px 0 0;
}

#menu-demo2 ul li{
	display:inherit;
	border-radius:0;
}

#menu-demo2 ul li:hover{
	border-radius:0;
}

#menu-demo2 ul li:last-child{
	border-radius:0 0 8px 8px;
}

#menu-demo2 ul{
	position:absolute;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu-demo2 li:first-child{
	background-color: #65537A;
	background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
	background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu-demo2 li:nth-child(2){
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu-demo2 li:nth-child(3){
	background-color: #F6AD1A;
	background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
	background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}
#menu-demo2 li:last-child{
	background-color: #CFFF6A;
	background-image:-webkit-linear-gradient(top, #CFFF6A 0%, #677F35 100%);
	background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}
/* background des liens sous menus */
#menu-demo2 li:first-child li{
	background:#2A2333;
}
#menu-demo2 li:nth-child(2) li{
	background:#333A40;
}
#menu-demo2 li:nth-child(3) li{
	background:#9F391A;
}
#menu-demo2 li:last-child li{
	background:#677F35;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
	background:#65537A;
}
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
	background:#729EBF;
}
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
	background:#F6AD1A;
}
#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
	background:#CFFF6A;
}
/* les a href */
#menu-demo2 a{
	text-decoration:none;
	display:block;
	padding:8px 32px;
	color:#fff;
	font-family:arial;
}
#menu-demo2 ul a{
	padding:8px 0;
}
#menu-demo2 li:hover li a{
	color:#fff;
	text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
	color:#000;
}

/*------- Fixed Menu ------*/
#fixedmenu {
   position: fixed;
   bottom: 20px;
   right: 65px;
   width: 16px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 16px;
   height: 16px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

#fixedmenu ul, #fixedmenu li {
   list-style-type:none;
   margin: 5px 0;
   padding: 0;
}

#fixedmenu #home {
   background: transparent url('images/homepage.gif') no-repeat;
}

#fixedmenu #up {
   background: transparent url('images/up.png') no-repeat;
}

#fixedmenu #link {
   background: transparent url('images/link.png') no-repeat;
}

#fixedmenu #galleries {
   background: transparent url('images/graph.gif') no-repeat;
}

#fixedmenu #amiga {
   background: transparent url('images/littleboing.gif') no-repeat;
}

#fixedmenu #zic {
   background: transparent url('images/note.gif') no-repeat;
}

#fixedmenu #guestbook {
   background: transparent url('images/edit.gif') no-repeat;
}

#fixedmenu #ftp {
   background: transparent url('images/lha.gif') no-repeat;
}

#fixedmenu #favoris {
   background: transparent url('images/favoris.png') no-repeat;
}

#fixedmenu #stop {
   background: transparent url('images/x_stopl.gif') no-repeat;
}

#fixedmenu #yt {
   background: transparent url('images/youtube.png') no-repeat;
}

#header {
	position: fixed;
}

/*------- To Top -------*/
#myBtn {
	border:0;
	background:rgba(0,0,0,.5);
	color:#fff;
	text-align:center;
	position:fixed;
	bottom:0;
	left:50%;
	cursor:pointer;
	display:none;
	font:400 14px 'Oswald',Helvetica,arial,sans-serif;
	padding:4px 20px;
	-moz-border-radius:5px 5px 0 0;
	-khtml-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	z-index:9
}

#myBtn:hover, #myBtn:focus {
  background-color: #000;
}

/*----- misc -----*/

.picrad {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 1px solid black;
  border-radius: 60px;
}

.videoyt > a {
    background: url('images/play-video.png') no-repeat;
	display:block;
	width:42px;
	height:42px;
    border:0 none;
    cursor:pointer;
	font-size:0;
	color:transparent;
	outline:none;
}
.videoyt:after > a {
    background: url('images/playvideo.jpg') no-repeat;
	display:block;
	width:42px;
	height:42px;
    border:0 none;
    cursor:pointer;
	font-size:0;
	color:transparent;
	outline:none;
}

.clock-container{
			text-align: center;
			background: rgba(255,255,255,0.1);
			backdrop-filter: blur(10px);
/*			border: 1px solid rgba(255,255,255,0.2);*/
/*			padding: 2px 3px;*/
/*			border-radius: 5px;*/
/*			box-shadow: 0 8px 32px rgba(0,0,0,0.1);*/
			position: relative;
			z-index: 1;
			cursor: pointer;
			transition: all 0.3s ease;
}


.clock-container:hover{
			transform: scale(1.05) translateY(-5px);
			background: rgba(255,255,255,0.2);
			backdrop-filter: blur(15px);
/*			border: 1px solid rgba(255,255,255,0.4);*/
			box-shadow: 0 20px 60px rgba(255,255,255,0.2),0 0 40px rgba(255,255,255,0.2);
}

.clock{
			font-size: 1.0rem;
			font-family: 'Orbitron', monospace;
			font-weight: 700;
			letter-spacing: 0.1em;
			margin-bottom: 4px;
			background: linear-gradient(45deg, #ff6b6b, #ffd93f, #6bcf7f, #4ecdc4, #45b7d1);
			background-size: 300% 300%;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			animation: gradientShift 3s ease infinite;
			transition: all 0.3s ease;
}

.clock-container:hover .clock{
			font-size: 1.5rem;
			letter-spacing: 0.15em;
			animation: gradientShift 1s ease infinite;
}


/*----- Zoom Mouse Over CSS -----*/
/* container */
.zcont {
 position: relative;
 width: 560px;
 height: 350px; 
 overflow: hidden;
 }
/* child */
.zitem {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
/* child img */
.zitem img {
 -webkit-transition: 0.6s ease;	/* Safari and Chrome */
 -moz-transition: 0.6s ease;	/* Firefox */
 -o-transition: 0.6s ease;		/* Opera */
 -ms-transition: 0.6s ease;		/* IE9 */
 transition: 0.6s ease;
}
/* over effect img */
.zcont:hover .zitem img {
 -webkit-transform: scale(1.2);	/* Safari and Chrome */
 -moz-transform: scale(1.2);	/* Firefox */
 -o-transform: scale(1.2);		/* Opera */
 -ms-transform: scale(1.2);		/* IE9 */
 transform: scale(1.2);
}

.container {
 position: relative;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

.child {
 position: relative;
 top: 0;
 left: 0;
  width: 100%;
  height: 100%;
}
.child img {
 -webkit-transition: 0.6s ease;	/* Safari and Chrome */
 -moz-transition: 0.6s ease;	/* Firefox */
 -o-transition: 0.6s ease;		/* Opera */
 -ms-transition: 0.6s ease;		/* IE9 */
 transition: 0.6s ease;
}

.child:hover img {
 -webkit-transform: scale(1.2);	/* Safari and Chrome */
 -moz-transform: scale(1.2);	/* Firefox */
 -o-transform: scale(1.2);		/* Opera */
 -ms-transform: scale(1.2);		/* IE9 */
 transform: scale(1.2);
}

/* */
.stdtabtitl {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; color: #FFFFFF}
.stdtabtitlN { font-family: "amigafont", Times, serif; font-size: 8px; font-weight: bold; color: #000000}
.lst { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none ; font-style: normal; font-weight: normal}
.lst:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: none ; font-style: normal; font-weight: normal}
.lst:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: underline; font-style: normal; font-weight: normal }
.lst:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: underline ; font-style: normal; font-weight: normal}
.lst:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; font-style: normal; font-weight: normal }

.unnamed1 {  border: black; border-style: none; border-right-width: 2px; border-left-width: 2px}
.unnamed2 {  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.fieldset {  font-size: 11px; margin-bottom: 6px}
.bginput {  font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px}
.unnamed3 {  margin-right: 0px; border-right-width: 0px}

.stdtabtxt {  font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.stdtabtxt tr:nth-child(odd) {
background-color: #DDDDFF;
}
.stdtabtxt tr:nth-child(even) {
background-color: #EEEEFF;
}

/* atari */
.stdtabtxta {  font-family: Arial, Helvetica, sans-serif; font-size: 13px}

.stdtabtxta tr:nth-child(odd) {
background-color: #EEE;
}
.stdtabtxta tr:nth-child(even) {
background-color: #FFF;
}

/*----- puce news -----*/
.pucezic {  list-style-position: inside; list-style-image: url(gfx_guestbook/chante.gif); list-style-type: disc}
.puceboing {  list-style-position: inside; list-style-image: url(gfx_guestbook/boing.gif); list-style-type: circle}
.puceye {  list-style-position: inside; list-style-image: url(gfx_guestbook/loupe.gif); list-style-type: square}
.pucedisk {  list-style-position: inside; list-style-image: url(images/disk.gif); list-style-type: square}
.pucegift {  list-style-position: inside; list-style-image: url(gfx_guestbook/goodies.gif); list-style-type: square}
.pucecafe {  list-style-position: inside; list-style-image: url(gfx_guestbook/cafe.gif); list-style-type: disc}
.puceintel {  list-style-position: inside; list-style-image: url(gfx_guestbook/serieux.gif); list-style-type: disc}
.pucevict {  list-style-position: inside; list-style-image: url(gfx_guestbook/victoire.gif); list-style-type: circle}
.pucemo6 {  list-style-position: inside; list-style-image: url(images/jeuthomson.gif); list-style-type: disc}
.pucenews {  list-style-position: inside; list-style-image: url(gfx_guestbook/trefle.gif); list-style-type: square}
.pucepsx { list-style-position: inside; list-style-image: url(gfx_guestbook/psx.gif); list-style-type: square }
.puceye2 { list-style-position: inside; list-style-image: url(gfx_guestbook/eye19.gif); list-style-type: square }
.pucegfx {  list-style-position: inside; list-style-image: url(images/graph.gif); list-style-type: circle}
.fyoutube:before { content: url(images/icon_play_video.gif) }
.archlha:before { content: url(images/lha.gif) }
.intro:before { content: url(images/amigadecr.gif) }
.cracktro:before { content: url(images/crktro16.png) }
.source:before { content: url(gfx_guestbook/edit.gif) }
.xmas:before { content: url(images/SantaSkull16.gif) }
.vidstat {  font-family: Arial, Helvetica, sans-serif; font-size: 14px}
.input3 {  background-color: #FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.chkbxnorm {  background-color: #00CCCC; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clip:  rect(0px 0px 0px 0px); border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

/*------- guestbook --------*/
INPUT {
	color:#CC0000;
	background-color:#FFCC00;
	font-family:arial;
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid
}

.INPUT2 {
	color:#CC0000;
	background-color:#FFFFFF;
	font-family:arial;
	BORDER-RIGHT: 0px solid; 
	BORDER-TOP: 0px solid; 
	BORDER-LEFT: 0px solid; 
	BORDER-BOTTOM:0px solid
}
SELECT {
	color:#CC0000;
	background-color:#FFCC00;
	font-size:10px;
	font-family:arial;
}

TEXTAREA {
	BACKGROUND: url(images/bgi.gif) #ffffff;
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tabgb {
	BORDER-RIGHT: black 1px dashed; 
	BORDER-TOP: black 1px dashed; 
	BORDER-LEFT: black 1px dashed; 
	BORDER-BOTTOM: black 1px dashed
}
.tabgb2 {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px;
	BORDER-LEFT: black 1px dashed;
	BORDER-BOTTOM: 0px
}
.tabgb3 {
	BORDER-BOTTOM: black 1px dotted;
}
.tabgb4 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; color: #FFFFFF; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: 0px}

/* star wars hover effect page 80s */
.swa {
	width:240px; 
	height:343px;
	overflow:hidden;
	background-image:url(gallerie/lrf/poster-starwarslent.jpg);
  position:relative;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  box-shadow:0 0 10px 1px #000
}
.swb {
	width:0; 
	height:343px;
	overflow:hidden;
	margin-left:-50px;
	transform:skew(-20deg);
	transition:width 1s ease;
}		
.swa:hover .swb {
	width:354px;
}
.swc {
	width:354px; 
	height:343px;
	transform:skew(20deg);
	margin-left:-64px;
	background-image:url(gallerie/lrf/poster%20star-wars-3d-1335777071.gif);
	background-position:114px 0;
}		

.swa2 {
	width:281px; 
	height:400px;
	overflow:hidden;
	background-image:url(gallerie/lrf/poster-starwars_lent1.jpg);
 	background-size: cover;
  position:relative;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  box-shadow:0 0 10px 1px #000
}		
.swb2 {
	width:0; 
	height:400px;
	overflow:hidden;
	margin-left:-50px;
	transform:skew(-20deg);
	transition:width 1s ease;
}		
.swa2:hover .swb2 {
	width:395px;
}
.swc2 {
	width:395px; 
	height:400px;
	transform:skew(20deg);
	margin-left:-64px;
	background-image:url(gallerie/lrf/poster-star-wars-sta153-1338542265.gif);
	background-position:114px 0;
}	

/* pagination */
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  font-size: 22px;
  border-radius: 0.2em;
}

.pagination a.active {
  background-color: black;
  color: white;
  border: 1px solid black;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.guruBox {  BORDER-RIGHT: #ff0000 5px solid; BORDER-TOP: #ff0000 5px solid; BORDER-LEFT: #ff0000 5px solid; WIDTH: 600px; BORDER-BOTTOM: #ff0000 5px solid; FONT-FAMILY: "fixedsys"; HEIGHT: 66px; BACKGROUND-COLOR: #000000}

#tabscontainer 
{
    position: absolute;
    background: white;
    border:none;
    border-top: none;
/*	min-height:98vh;*/
    height: 100%;
 /*   height:90vh;*/
    width:100%;
    padding:0;
    margin:0;
    left:0;
    top:0;	
}

iframe
{
    border:none;
    margin:0;
    padding:0;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* */
.containerhag {
  display: grid;
  width: 90%;
  grid-template-columns: repeat(5, 1fr);
/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
gap: 5px;
}