@font-face {
    font-family: 'Morpheus';
    src: url('Morpheus.eot');
    src: local('Morpheus'),
        url('Morpheus.eot?#iefix') format('embedded-opentype'),
        url('Morpheus.woff2') format('woff2'),
        url('Morpheus.woff') format('woff'),
        url('Morpheus.ttf') format('truetype'),
        url('Morpheus.svg#Morpheus') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.logo { display: block; margin: 0px; padding: 0px; height: 130px; position: absolute; left: 15px; top: 15px; max-width: 140px; max-height: 140px; }
.logo1 {	display: block;	margin: 0px; padding: 0px; height: 130px; position: absolute; left: 15px; top: 15px; max-width: 140px; max-height: 140px; }
.top_info{display: block; margin: 0px; padding: 10px; height: 135px; position: absolute; left: 170px; top: -3px; width: 160px;  text-align: left;
border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; -webkit-border-radius: 0 20px 0 0; border-width:8px 8px 8px 8px; border-style: double;
 border-color: #FF6A00;
}
.cadre_val{display: block; margin: 0px; padding: 10px; position: relative; text-align: center;
border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; border-width:8px 8px 8px 8px; border-style: double;
 border-color: #FF6A00;
}

.entete {position: relative; top: 15px;  height: 165px; background:  url("https://as-gi.fr/themes/onthemix/images/banniere.png"), url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-position: center top, left top ; background-repeat: no-repeat, repeat;
 -moz-border-radius:0px 30px;  -webkit-border-radius:30px 0px; border-radius:30px 0px; border-width:8px 8px 8px 8px; 
 border-style: double; border-color: #FF6A00; width: 99%; margin: auto; z-index: 1; }
.login{	display: block; position: absolute;	height: 130px; width: 130px; z-index: 99; top: 10px; right: 10px; opacity: 0.5;
	background-image:linear-gradient(#F1F2F1, #B3B3B3); -moz-border-radius:0px 30px;  -webkit-border-radius:30px 0px; border-radius:30px 0px; border-width:2px 2px 2px 2px; border-style:solid; border-color:black; 
	transition: all .3s ease; }
.login:hover {opacity:1;}
.login2{ display: block; position: relative; height: 170px; width: 170px; z-index: 99; margin-top: 30px; left: 10px; opacity: 0.7;
  background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat; -moz-border-radius:0px 30px;
    -webkit-border-radius:30px 0px; border-radius:30px 0px; border-width:2px 2px 2px 2px; border-width:8px 8px 8px 8px; border-style: double;
 border-color: #FF6A00;     margin: auto;
  transition: all .3s ease; }
.login2:hover {opacity:1;}

.frame_menu { 
  font-size: 10px; 
  color: #000; 
  font-family: verdana, tahoma, arial, sans-serif; 
  vertical-align: top; 
  background-color: rgba(234,225,211,0.9); /* beige clair avec transparence */
  padding: 1px; 
  border-style: double; 
  min-height: 500px; 
  border-color: #FF6A00; 
  border-width: 0px 8px 0px 8px; 
}
.frame_menu_tete {  
  font-size: 12px; 
  color: #333333; 
  font-family: verdana, tahoma, arial, sans-serif; 
  text-align: center; 
  font-weight: bold; 
  vertical-align: top;
  padding-top: 0px; 
  padding-right: 10px; 
  height: 31px; 
  background-image: linear-gradient(rgba(255,106,0,0.9), rgba(234,225,211,0.9));
  border-radius: 0 20px 0 0; 
  border-width: 8px 8px 0px 8px; 
  border-style: double; 
  border-color: #FF6A00; 
  z-index: 2;
}
.menu_fixe{ top: 0px; display: block; width: 200px }
.corp{ top: 0px; }

.frame_menu ul {margin-top: 7px;  width: 140px; padding-inline-start: 10px; }
.frame_menu ul li {display: table-row; background-image:linear-gradient(#FF6A00, #E5AA70); text-align: left; }
.frame_menu ul li a { font-size: 12px; line-height: 10px; font-weight: bold; color: #000; text-decoration: none; display: block; margin: 0px;  
 height: 15px; width: 140px; padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; text-shadow: 0px 1px 1px #FFF; left: -25px; }
.frame_menu ul li a:hover { color: blue; text-shadow: 0px 1px 1px #000; z-index: 99; }
.frame_menu ul li:hover ul { display: table-row; left: -25px; font-size: 12px; line-height: 10px; font-weight: bold; color: blue;
 text-decoration: none; margin: 0px; height: 10px; width: auto; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px;
  text-shadow: 0px 1px 1px #FFF; z-index: 99; }


.frame_tete { 
  font-size: 16px; 
  color: #333333; 
  font-family: 'Metamorphous'; 
  font-weight: bold;
  text-align: center;  
  vertical-align: top; 
  padding-top: 10px; 
  padding-right: 10px; 
  height: 31px;
  background-image: linear-gradient(rgba(255,106,0,0.9), rgba(234,225,211,0.9));
  border-radius: 0 20px 0 0; 
  border-width: 8px 8px 0px 8px;
  border-style: double; 
  border-color: #FF6A00; 
  z-index: 2;
}

.frame_fin { 
  height: 20px; 
  background-image: linear-gradient(rgba(234,225,211,0.9), rgba(255,106,0,0.9)); 
  border-width: 0 8px 8px 8px; 
  border-style: double; 
  border-color: #FF6A00; 
  border-radius: 0 0 0 20px;
}
.frame_midle { 
  font-size: 16px; 
  color: #000; 
  font-family: 'Metamorphous'; 
  font-weight: bold; 
  text-align: center; 
  vertical-align: top;
  padding-top: 10px; 
  padding-right: 10px; 
  height: 31px; 
  background-image: linear-gradient(rgba(255,106,0,0.9), rgba(234,225,211,0.9));
  border-width: 0px 8px 0px 8px;
  border-style: double; 
  border-color: #FF6A00; 
}
.frame_corp { 
  font-size: 10px; 
  color: #000; 
  font-family: verdana, tahoma, arial, sans-serif; 
  vertical-align: top; 
  background-color: rgba(234,225,211,0.9);
  padding: 10px; 
  border-style: double; 
  border-color: #FF6A00; 
  border-width: 0px 8px 0px 8px; 
}
.zic_intro{width: 100%; text-align: center;  }
.zic_titre{ width: 450px; text-align: center; border-bottom: 1; border-top: 0; border-right: 0; border-left: 1; border-color: black; border-style: dotted;}
.zic_dl{ width: 450px; border-bottom: 1; border-right: 0; border-top: 0; border-left: 0; border-color: black; border-style: dotted;}
.zic_dl1{ width: 100px; border-bottom: 1; border-right: 0; border-top: 0; border-left: 1; border-color: black; border-style: dotted;}
.zic_date{ width: 200px; border-bottom: 1; border-right: 0; border-top: 0; border-left: 1; border-color: black; border-style: dotted;}
.zic_tete{ border-bottom: 1; border-right: 0; border-top: 0; border-left: 0; border-color: black; border-style: dotted;}
.barim{ position: absolute; right: 120px; top: 20px;} /* Image bar dans la shout */

audio::-webkit-media-controls-panel {  background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat;}
audio::-webkit-media-controls-play-button { background-color: #FF6A00; border-radius: 50%;}
audio::-webkit-media-controls-play-button:hover { background-color: #C2B280;}
audio::-webkit-media-controls-mute-button { background-color: #FF6A00; border-radius: 50%;}
audio::-webkit-media-controls-mute-button:hover { background-color: #C2B280;}
audio::-webkit-media-controls-current-time-display { color: #008000; }
audio::-webkit-media-controls-time-remaining-display { color: #0000FF;}
audio::-webkit-media-controls-timeline { background-image:linear-gradient(#FF6A00, #E5AA70); border-radius: 25px; margin-left: 10px; margin-right: 10px; }
audio{ width: 400px; }


font[color="orange"],font[color="orange"] * { color: #FF6448; }

a:link, a:visited, a:active { text-decoration: none; color: #069; }
a:hover { text-decoration: underline; color: #036; }
.footer { text-align: center; vertical-align: middle; color: #000000; }
.neige { background: url('https://as-gi.fr/images/neige.gif') no-repeat; height: 100%; width: 100%; }
/* Define BODY style 
.index_body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;
background: url(https://as-gi.fr/themes/onthemix/images/fond_ban.png); 
background-attachment : fixed; 
overflow:auto;
min-width: 1680px;

}
*/
.index_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; 
    background: url(https://as-gi.fr/halloween/fondallo.jpg);  background-attachment : fixed;  overflow:auto; min-width: 1680px;  }



TD { font-size:10pt; font-family: Verdana; }	
H1 { font-size:10pt; font-family: Verdana; }	
h10 { font-size:8pt; font-family: Verdana; }
/* DEFINE THE EXPAND CROSS LOCATION IN TORRENTTABLE */
.showthecross{ margin-top: 0px; margin-right: 0px; margin-left: 2px; float: left;}

/* TORRENTTABLE() */
.ttable_headouter { border-collapse: collapse; }
.ttable_headinner {	border-collapse: collapse; border:0px solid #9999CC; }
.ttable_head { font-family: 'Verdana'; color: #000000; font-size: 8pt; background: #eae1d3; text-align: center;}
.ttable_col1 { font-family: 'Verdana'; font-size: 8pt; background: #eae1d3; }
.ttable_col2 { font-family: 'Verdana'; font-size: 8pt; background: #eae1d3; }
.ttable_colx { font-family: 'Verdana'; font-size: 8pt; background: #eae1d3; }

/* Define Other Tables */
.table_table { border: #000000; border-style: border-style; border-width: 0px; border-collapse:collapse; }
.table_head { font-family: 'Verdana'; font-size: 8pt; background: #eae1d3; color: #000000; }
.table_col1 { font-family: 'Verdana'; font-size: 8pt; background-image:linear-gradient(#C2B280, #eae1d3);}
.table_col2 { font-family: 'Verdana'; font-size: 8pt; background-image:linear-gradient(#C2B280, #eae1d3); }

	.next{ border-radius:12px 0 0 12px; background: #f5f5f5; border:none; color:#555; font:bold 12px Verdana; padding:6px 20px 6px 20px; box-shadow:1px 1px 3px #999; cursor:pointer; }
	.preview { border-radius: 0 12px 12px 0; background: #f5f5f5; border:none; color:#555; font:bold 12px Verdana; padding:6px 20px 6px 20px; box-shadow:-1px 1px 3px #999; cursor:pointer; }

/* top navigation bar bg*/
td.subnav{ background-image:url(images/NB_nav-bkg.jpg); height:30px; text-align: center; }

.navigation {  display: block; margin: 0px; padding: 0px; height: 27px; width: 100%; cursor: pointer; z-index: 2; }

.menu { display: block; position: absolute; height: 32px; width: 1240px; z-index: 99; top: 196px; left: 185px;
 background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat;
 border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px;
 border-width:8px 8px 8px 8px; border-style: double; border-color: #FF6A00; font-family: 'Metamorphous'; font-weight: bold;  }
.menu ul { display: table-row; margin: 0px; padding: 0px; z-index: 99; }
.menu ul li { display: table-cell; margin: 0px; padding: 0px; z-index: 99; }
.menu ul li ul{ display: inherit; position: absolute; left: -999em; text-align: left; z-index: 99; }
.menu ul li ul li{ display: table-row; background-image:linear-gradient(#FF6A00, #eae1d3); text-align: left; z-index: 99; }
.menu ul li a { font-size: 15px; line-height: 27px; font-weight: bold; color: #000; text-decoration: none; display: block; margin: 0px; height: 27px; width: auto;
 padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; text-shadow: 0px 1px 1px #FFF; z-index: 99; }
.menu ul li a:hover { color: blue; text-shadow: 0px 1px 1px #FFF; z-index: 99; }
.menu ul li:hover ul { display: table-row; left: auto; font-size: 15px; line-height: 27px; font-weight: bold; color: blue; text-decoration: none;
 margin: 0px; height: 27px; width: auto; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; text-shadow: 0px 1px 1px #FFF; z-index: 99; }

.infobar { text-align: right; vertical-align: bottom; padding-right: 20px; }
.textpage{ text-align: center; margin: auto; font-size: 15px; width:600px; background-color: #FAFAFA; border: 5px solid black; padding: 25px; /*arrondir les coins en haut à gauche et en bas à droite*/ -moz-border-radius:0 50px; -webkit-border-radius:0 50px; border-radius:0 50px; }

/* Torrents-details download box*/
#downloadbox {
	padding: .75em;
	background-color: #DBDBDB;
	border: 1px solid #4C4C4C;
}
#downloadbox a {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.download {border-radius: 30px 0 30px 0;  border-style: double;   border-color: #FF6A00; border-width:8px; padding: 10px; }
.download legend {margin-left: 20px; border-radius: 12px 0 12px 0; background-image: linear-gradient(#f6d7b0, #eae1d3); border:solid; border-color: #FF6A00; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999;}
.prezbox legend {border-radius: 12px 0 12px 0; background: #f5f5f5; border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999;}
.prezbox { border-radius: 0 12px 0 12px; border-style: inset; border-width:5px; background-color: #E9E9E9; opacity: 0.8; padding: 10px; }

/*DEFINE THE SHOUTBOX CSS */
.shoutbox_body { float: middle; background-color: #eae1d3; }
.shoutbox_contain { border: 0; height: 290; width: 100%; overflow: auto; align: middle; }
.shoutbox_history { border: 0;height: 100%;width: 100%;align: middle; }
.shoutbox_messageboxback { background-image: linear-gradient(#f6d7b0, #eae1d3); }
.shoutbox_body img{ max-width: 400px; max-height: 300px; }
.shoutbox_noalt { background-image: linear-gradient(#f6d7b0, #eae1d3); }
.shoutbox_alt { background-image: linear-gradient(#f6d7b0, #eae1d3); }
.shoutbox_msgbox { width: 100%; font-size: 12px; background-color: AliceBlue;border: 1px solid black; }
.shoutbox_shoutbtn { font-size: 12px; background-color: AliceBlue;border: 1px solid black; font-weight: bold; }
.shoutbox_error { color: red;font-size: 13px; }

/* Blocks Management */
.btn {
    width: 100px;
    height: 30px;
    border : 1px solid #d0d0d0;
    background-color : white;
    color: black;
    font-family : Verdana, serif;
    font-size : 10pt;
    font-weight : normal;
    cursor:pointer;
}
.btnDisable {
    width: 100px;
    height: 30px;
    border : 1px solid #d0d0d0;
    background-color : white;
    color: black;
    font-family : Verdana, serif;
    font-size : 10pt;
    font-weight : normal;
}

.rowTabHead {
    background-color : #66CCFF;
    padding : 4px;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 10px;
}

.row1 {
    background-color : #EFEFEF;
    padding : 4px;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 10px;
}

.row2 {
    padding : 4px;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 10px;
    background-color: #F7F7F7;
}

.rowEnd {
    padding : 4px;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 10px;
    background-color: #CCCCCC;
}

.tablebg {
    background-color : #666666;
    padding : 0;
    border : 0 solid #006699;
    margin: 0;
}
/* Reduction image */
table.ncode_imageresizer_warning {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-topleft: 8px;
	-webkit-border-radius-topright: 8px;
	background-image: url(../default/images/block-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0px 1px 2px #000;
	background-color: #92D88FF;
	cursor: pointer;
}

table.ncode_imageresizer_warning td {
font-size: 11px;
color: #FFF;
vertical-align: middle;
text-decoration: bold;
}

table.ncode_imageresizer_warning td.td1 {
padding: 5px;
}

table.ncode_imageresizer_warning td.td1 {
padding: 5px;
}
table.ncode_imageresizer_warning td:hover {
	color: #111;
	text-shadow: none;
}

.stats_bar { background: url(/images/barStats.png) repeat-x center bottom; height:20px; float:left; clear:both; }
{
 background: url(/images/barStats.png) repeat-x center bottom; height:20px; float:left; clear:both;
}
/*center QapTcha*/
.center {
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;
  width: ...;
  text-align: center;
}
.meny {
	display: none;
	color: #eee;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.meny ul {
margin-top: 8px;
	}
.meny ul li {
display: inline-block;
width: 125px;
list-style: none;
padding: 2px 3px;
		}
.meny ul li:before {
content: '-';
margin-right: 5px;
color: rgba( 255, 255, 255, 0.2 );
}
.contents {
	padding: 0px 0px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform-style: preserve-3d;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.recherche{ display: block; margin: 0px; padding: 0px; position: absolute; right: 200px; top: 65px; vertical-align: top; z-index: 1; }
.barre_recherche{position: absolute; top: 110px; left: 550px; }
.rechercheb{ position: absolute; display: block; background-color:white; margin: 2px; padding: 0px;  left: 0px; top: 0px; vertical-align: top; z-index: 2; }
.recherchef{ position: absolute; display: block; background-color:white; margin: 2px; padding: 0px;  left: 150px; top: 0px; vertical-align: top; z-index: 2; }
.recherchew{ position: absolute; display: block; background-color:white; margin: 2px; padding: 0px;  left: 300px; top: 0px; vertical-align: top; z-index: 2; }
.styleinput{ background-color:white; border: 1px solid #000; }
/* cdc icone coup de coeur dans torrents */
.cdc { display: block; margin: 0px; padding: 0px; position: absolute; right: 40px; top: 400px; }
.approuve { display: block; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 275px; }
.pollsanswer { color:#000; border: 1px solid #FF6A00; padding: 10px;  background-image: linear-gradient(#FF6A00, #eae1d3); height: 25px; }
.pollspercent { background:none; color:#ff0000; border: 1px solid #FF6A00; padding: 5px; }
.pollstable { background:none; color:#ff0000; border: 8px double #FF6A00; }
.pollstd {  border-left: 8px double #FF6A00; border-right: 8px double #FF6A00; }
.zbox {
  position: relative;
  background-color: #eae1d3;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 2%     0%     0%     0% /     20%     0%     0%     0%;
}
.zbox:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0px;
    left: 0px;
    width: 33%;
  /*  height: 25%;*/
    box-shadow: -10px -10px 15px rgba(0,0,0,0.5);
    -webkit-transform: rotate(7deg) translate(20px,25px) skew(20deg);
     -moz-transform: rotate(7deg) translate(20px,25px) skew(20deg);
     -ms-transform: rotate(7deg) translate(20px,25px) skew(20deg);
     -o-transform: rotate(7deg) translate(20px,25px) skew(20deg);
     transform: rotate(7deg) translate(20px,25px) skew(20deg);
    }
.img2{
  max-width: 300px;
  max-height: 400px;
  border: 0px solid #000;
  border-radius: 14px;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
}
.img3{
  border: 0px solid #000;
  border-radius: 14px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
}
.bMenu {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.bMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: circle;
}
.bMenu ul li {
	width: auto;
background-image:linear-gradient(#FF6A00, #E5AA70);
	
	text-decoration: none;
}
#navigate ul {
	list-style-type: none;
	padding: 0px;
	width: 98%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#navigate ul li {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #AAA;
	border-right-color: #AAA;
	border-left-color: #AAA;
}
#navigate ul li a {
	text-align: left;
	text-indent: 5px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #555;
	font-weight: bold;
  background-image:linear-gradient(#CC7722, #eae1d3);
}
#navigate ul li a:hover {
	color: #0066CC;
	text-decoration: none;
	text-indent: 8px;
}
#navigate li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}
input, select {
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 2px;
	border: 1px solid #777;
	background-color: #eae1d3;
}
input {
	font-size: 11px;
}
select {
	font-size: 11px;
}
textarea {
	border: 1px solid #aaa;
	padding: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 2px 4px 1px #CCC;
	-webkit-box-shadow: inset 0 2px 4px 1px#CCC;
	box-shadow: inset 0 2px 4px 1px #CCC;
	background-color: #eae1d3;
}


input[type=reset], input[type=button], input[type=reset], input[type=submit] {
 border-radius: 12px 0 12px 0; background-image: linear-gradient(#f6d7b0, #eae1d3); border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; 
}
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	color: #FFF;
	text-shadow: 0px 1px 2px #000;
}
input[type=reset], input[type=button], input[type=reset] {

}
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover {
}
input[type=submit] { background: #eae1d3; }
input[type="submit"]:disabled { background: #555;cursor: no-drop;display: none;}
input[type=submit]:hover {
}
input[type=text] {
	-moz-box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px#fff;
	box-shadow: inset 0 0 0 1px #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #444;
  background: #eae1d3;
}
input[type=password] {
	color: #FF6600;
}
.wrapper {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
}

/* FORUM CSS CLASS'S */

.f-header {
	background-image: url(../default/images/f-header.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #777;
	background-color: #3d91ff;
}
.f-logo {
	border: 2px solid #FFF;
	background-image: url(../default/images/f-logo.gif);
	background-repeat: no-repeat;
	background-position: center -1px;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px#fff;
	box-shadow: inset 0 0 0 1px #fff;
}
.f-logo td {
	padding: 6px;
	height: 30px;
}
.f-location {
	border: 1px solid #777;
	margin-bottom: 8px;
}
.f-nav {
	border: 2px solid #FFF;
	display: block;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	text-indent: 10px;
	background-image: url(../default/images/f-location.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
}
.f-nav a {
	text-shadow: none;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.f-post {
	margin-bottom: 8px;
}
.f-cat {
	background-image: url(../default/images/f-cat.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 28px;
}
.f-cat td,  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 28px;
	text-shadow: 0px 1px 2px #000;
	-moz-box-shadow: inset 0px 0px 0px 1px #fff;
	-webkit-box-shadow: inset 0px 0px 0px 1px#fff;
	box-shadow: inset 0px 0px 0px 1px #fff;
	margin: 0px;
	padding: 0px;
}
div.f-cat {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #777;
	border-right-color: #777;
	border-left-color: #777;
}
table.f-border, .f-border table {
	border: 1px solid #777;
	border-collapse: collapse;
}
.f-border table tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eae1d3;
}
tr.f-title {
background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat;

}
tr.f-title th {
	line-height: 26px;
	height: 26px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 1px 1px #ffffff;
}
tr.f-row {
  background-image:linear-gradient(#f2d2a9, #eae1d3);

}
tr.f-row:hover {
	background-color: #D5D5D5;
}
.f-row .f-img {
	background-image: url(../default/images/alt1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 38px;
	padding-left: 18px;
}
.f-row:hover .f-img {
	background-image: url(../default/images/alt2.png)
}
.alt1 {
	background-color: transparent;
	padding-left: 5px;
}
.alt2 {
	border: 1px solid #777;
	border-collapse: collapse;

	background-position: top;
	background-color: #f2d2a9;
}
.alt3 {
	border: 1px solid #777;
}
tr.p-title {
font-size: 12px;
color: #333333;
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: bold;
background-image:linear-gradient(#eae1d3, #FF6A00);
	background-position: top;
}
tr.p-title th {
font-size: 12px;
color: #333333;
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: bold;
background-image:linear-gradient(#eae1d3, #FF6A00);
	padding: 3px;
	height: 26px;
}
tr.p-title small {
font-size: 12px;
color: #333333;
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: bold;
background-image:linear-gradient(#eae1d3, #FF6A00);
}
.p-foot {
	color: #333;
	font-size: 10px;
	font-weight: normal;
	border-collapse: collapse;
	background-image: url(../default/images/f-location.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.p-foot td {
	padding: 3px;
}
.p-foot img {
	vertical-align: middle;
}
.f-title a, .p-title a {
font-size: 12px;
color: #333333;
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: bold;

}
.b-border {
	padding: 1px;
}
.b-border table {
	border-collapse: collapse;
}
tr.b-title {
background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat;

}
.bb-comment, .bb-btn, .b-title {
	border: 1px solid #777;
}
.comment-details, .bb-btn {
	background-color: #eae1d3;
	border: 1px solid #777;
}
.comment, .bb-comment {
	background-color: #eae1d3;
	border: 1px solid #777;
}
.boite{
  border: 1px solid #000;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  font-size: 15px;
  font-weight: bold;
}
input[type=manu] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFF;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin: 2px;
	-moz-box-shadow: 0 0px 2px 1px #357;
	-webkit-box-shadow: 0 0px 2px 1px##357;
	box-shadow: 0 0px 2px 1px #357;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
	background: rgb(5,51,237);
	background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(165, 165, 165, 1)));
	background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
	background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
	background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
	background: linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#a5a5a5', GradientType=0 );
}
.dvd {
  height: 235px;
  width: 170px;
  float: center;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  overflow: visible;
  background: url('/images/dvd.png') no-repeat;
}
.imgdvd{
  border: 0px solid #000;
  border-radius: 8px;
  margin-top: 8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
::selection { 
background:#deab48; 
color:#fff; 
} 

::-moz-selection { 
background:#deab48; 
color:#fff; 
} 

::-webkit-selection { 
background:#deab48; 
color:#fff; 
}
.prez {
  height: 337px;
  width: 310px;
  float: center;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  overflow: visible;
  background: url('/images/cadre.png') no-repeat;
}
.imgcadre {
  border: 0px solid #000;
  border-radius: 10px;
  margin-top: 10px;
}

#chat {
overflow: auto;
width: 99%;
height: 400px;
padding: 0px;
background-color: #eae1d3;
}
#chat1{
overflow: auto;
width: 99%;
height: 100%;
padding: 0px;
}
#chatoutput ul { list-style: none; margin:0px; padding:0px; font-size: 9pt; padding:5px 4px 6px 5px; }
#chatoutput_noalt { background-color: White; }
#chatoutput_alt { background-color: AliceBlue; }
div.chatoutput { padding:5px 0px 3px 10px; margin:0px; color:black; line-height: 100%; margin-bottom:2px; }
div.loader { background-image: url(images/shoutbox/loading.gif); background-repeat: no-repeat; background-position:center center; width:299px; height:137px; }

#chatoutput ul li {

}


#chatoutput ul li span.name {
    display: block;
    background:url(images/shoutbox/bubble.png) no-repeat left;
    padding-left:19px;
    margin-bottom:1px;
    font-weight: normal;

}

#chatoutput ul li:hover span.name {
    background:url(images/shoutbox/bubblehover.png) no-repeat left;
    
}

form {
    padding:0px;
    margin:6px;
}

#chatoutput {
    text-align: left;
    margin-right: 0px;
}
/* swaps edit and delete images on mouse over */
img.EditSwap {
background:url(images/shoutbox/shout_edit_gray.gif) no-repeat bottom;
}
img.EditSwap:hover {
background:url(images/shoutbox/shout_edit.png) no-repeat bottom; 
}
img.DeleteSwap {
background:url(images/shoutbox/shout_delete_gray.gif) no-repeat bottom;
}
img.DeleteSwap:hover {
background:url(images/shoutbox/shout_delete.png) no-repeat bottom; 
}

#chatoutput img{
	max-width: 300px;
    max-height: 150px;
}
#returnOnTop {
    background: url(images/flechehaut.png) no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}
a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.viewpic {
  text-decoration: none; 
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline; 
  position: absolute;  
  top: -20px; 
  left: 10px; 
  z-index: 20; 
  width:100px; 
  padding:2px 4px;
}

.rss{ background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png");  background-repeat: repeat; border-radius: 0 10px 0 10px;
 -moz-border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; border-width:8px 8px 8px 8px; 
 border-style: double; border-color: #FF6A00; margin: auto; z-index: 10; }
.menu2{ font-size: 15px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; text-align: center; font-weight: bold; vertical-align: top;
 padding-top: 0px; padding-right: 10px; height: 31px; /*background-image:linear-gradient(#FF6A00, #eae1d3);*/
 background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); background-repeat: repeat;
  border-radius: 20px 20px 20px 20px; -moz-border-radius: 0 20px 0 0; -webkit-border-radius: 20px 20px 20px 20px; border-width:8px 8px 8px 8px; border-style: double;
 border-color: #FF6A00; z-index: 2; font-family: 'Metamorphous'; font-weight: bold; }
.menu2 a {padding: 5px 10px; color: black; font-weight: 600; cursor: pointer;height: auto!important;border-top-left-radius: 5px;border-bottom-right-radius: 5px;margin: 0 5px 5px 0px;display: inline-block; z-index: 10;}
.menu2 a:hover { color: blue; margin: 0 5px 5px 0; z-index: 10;}

.frame_corpa{ font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; background-color: #EEEEEE; padding: 10px; border-style:solid outset; border-color:black grey; border-width: 0px 1px 0px 1px; border-radius: 0 0 0 0; }
.frame_pleine{ font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; background-color: #EEEEEE; padding: 10px; border-style:solid outset; border-color:black grey; border-width: 0px 1px 0px 1px; border-radius: 0 0 0 0; } 
.ligne{ background-image:linear-gradient(#f6d7b0, #eae1d3); }
.block_tete{ font-size: 12px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; text-align: center; font-weight: bold; vertical-align: top; padding-top: 10px; height: 21px; background-image:linear-gradient(#eae1d3, #FF6A00); border-radius: 10px 0px 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; border-width:1px 1px 0px 1px; border-style:solid outset; border-color:black grey; }
.block_mid { font-size: 12px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; text-align: center; font-weight: bold; vertical-align: top; padding-top: 10px; height: 21px; background-image:linear-gradient(#eae1d3, #FF6A00); border-width: 0 1px 0 1px; border-style:solid outset; border-color:black grey; }
.block_corp { font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; background-color: #eae1d3; padding-top: 5px; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; border-width: 0 1px 0 1px; border-style:solid outset; border-color:black grey; }
.block_fin { height: 15px; background-image:linear-gradient(#eae1d3, #FF6A00); border-width: 0 1px 1px 1px; border-style:solid outset; border-color:black grey; order-width: 0 2px 2px 2px; border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; }
.editchat{ background-image:linear-gradient(white, grey); background-color: #eeeeee; }
.barre { font-size: 12px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; text-align: center; font-weight: bold; vertical-align: top; padding-top: 10px; height: 21px; background-image:linear-gradient(#F1F2F1, #B3B3B3); border-radius: 0 10px 0 10px; -moz-border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; border-width: 1px 1px 1px 1px; border-style:solid outset; border-color:black grey; }
.tete { font-size: 12px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; text-align: center;
 font-weight: bold; vertical-align: middle; padding-top: 10px; height: 22px; background-image:linear-gradient(#FF6A00, #eae1d3); }
.teteh { font-size: 12px; color: #333333; font-family: verdana, tahoma, arial, sans-serif; font-weight: bold; vertical-align: middle; padding-top: 10px;
 background-image:linear-gradient(#FF6A00, #eae1d3); }
.teteh2 { font-size: 14px; padding-top: 12px; padding-left: 10px; color: #333333; font-family: Arial, Helvetica, sans-serif; 
  text-shadow: 0px 1px 1px #F1F2F1; font-weight: bold; height: 25px; vertical-align: middle; background-image:linear-gradient(#FF6A00, #eae1d3); border-width: 1px 1px 1px 1px; border-style:solid; border-color:grey; }
.teteh3 { font-size: 12px; padding-top: 12px; color: #333333; font-weight: bold; height: 26px; vertical-align: middle;
 background-image:linear-gradient(#FF6A00, #eae1d3);; border-width: 1px 1px 1px 1px; border-style:solid; border-color:grey; line-height: 26px; padding-right: 3px; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px 1px 1px #F1F2F1; }
.shelf { position: relative; width: 1100px; border-bottom: 13px solid #24252a; text-align: center; padding: 0 27px; margin: 20px auto; background: transparent; }
.shelf:after { position: absolute; bottom: -13px; left: 34px; height: 10px; background: transparent; content: ""; -webkit-transform: perspective( 150 ) rotateX( -25deg ); -moz-transform: perspective( 150 ) rotateX( -25deg ); -ms-transform: perspective( 150 ) rotateX( -25deg ); transform: perspective( 150 ) rotateX( -25deg ); right: 34px; box-shadow: 0 0 17px 5px rgba(0, 0, 0, 0.7); z-index: -1; } 
.shelf > div { 	border-bottom: 23px solid #303138; 	position: relative; z-index: 1; }
.shelf > div:before { content: '';  width: 0px; height: 0px; border-style: solid; border-width: 0 0 23px 27px; border-color: transparent transparent #303138 transparent; position: absolute; bottom: -23px; left: -27px; z-index: 2; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}
.shelf > div:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 23px 0 0 27px;
  border-color: transparent transparent transparent #303138;
  position: absolute;
  bottom: -23px;
  right: -27px;
  z-index: 2;
}
.shelf > div > * {
		position: relative;
		z-index: 2;
		top: 18px; 
	}
.case {
	display: inline-block;
	width: 190px;
	height: 320px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	font-size: 12px;
	font-weight: bold;
}

.case:after {
	width: 100%;
	height: 10px;
	border-radius: 20px;
	content: "";
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	bottom: -5px;
	-webkit-transform: perspective(600) rotateX(100deg);
	   -moz-transform: perspective(600) rotateX(100deg);
	    -ms-transform: perspective(600) rotateX(100deg);
	     -o-transform: perspective(600) rotateX(100deg);
	        transform: perspective(600) rotateX(100deg);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	left: 0;
}

	.case > div {
	width: 100%;
	height: 100%;
	background: #46b0e9;
	background: rgba(70, 176, 233, 0.8);
	border-radius: 8px 8px 5px 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 14px 3px 3px 0;
	overflow: hidden;
	position: relative;
}

.case > div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 35px;
	width: 100%;
	height: 200%;
	background: rgba(255, 255, 255, 0.2);
	z-index: 10;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
.case > div > .logo1 {
	position: right;
	height: 10px;
	right: 0;
/*	width: 100%; */
}
.case > div > .logo1 > img {
	left: 2px;
	top: 2px;
	position: absolute;
}
.text1 { right: 5px; top: 5px; position: absolute; font-size: 12px; font-weight: bold; }

.boite1{   border: 1px solid #000; border-radius: 5px; margin-left: auto; margin-right: auto; -moz-border-radius:10px; -webkit-border-radius:10px; font-size: 12px; font-weight: bold; }
.text2 { left: 10px; top: 24px; position: absolute; font-size: 11px; font-weight: bold; }
.sort{ right: 80px; top: -50px; }
.clash{ background-image: url(/images/clash.png); background-repeat: no-repeat; background-size:100%; }
.prezboxclah { font-size: 12px;	border: 2px solid #777; background-color: #E9E9E9; opacity: 0.8; padding: 10px; width: 920px; margin: auto; }
.tserietvn{	font-family: 'Verdana'; border:1px solid #9999CC; font-size: 8pt; background: #F7F7F7; }
.tserietvfr{font-family: 'Verdana'; border:1px solid #9999CC; font-size: 8pt; background: #F7F7F7; }
.tserietvvostfr{	font-family: 'Verdana'; border:1px solid #9999CC; font-size: 8pt; background: #F7F7F7; }
.tserietvvo{	font-family: 'Verdana'; border:1px solid #9999CC; font-size: 8pt; background: #F7F7F7; }

/* Donations */
.donations { text-align: center;}
.donations h6 { font-family: 'Verdana'; font-size: 12px;text-align: center;padding: 0px 0 0px 0;}
.donations p { padding: 1px 0;font-size: 12px; }
.donations .progress { display: inline-block;width: 100%;background-color: #000;margin: 10px 0;height: 15px;position: relative;text-align: left;}
.donations .progress .progress-bar {background-color: #ff0000;display: inline-block;height: 100%;padding: 0px 0;}
.donations .progress .progress-bar span { position: absolute; left: 44%; top:2px;}
.donations .progress.color-warning .progress-bar { background-color: #ff9300; }
.donations .progress.color-success .progress-bar { background-color: green; }
.bloc-center { display: block;width: 600px; margin: 0 auto;}
.fond{ background-color: #eae1d3; filter: alpha(opacity=90); filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9; }
.logosite{ display: block;   margin: 0px; padding: 0px;  position: absolute; left: 50px; top: 40px; vertical-align: top; z-index: 3; }
.barrehaut{ text-align: right; display: block; position: absolute; top: 10px; right: 70px; vertical-align: top;  z-index: 3;}
.fondsimple { background-image:linear-gradient(#FF6A00, #eae1d3); font-size: 16px; color: #333333; font-family: 'Metamorphous'; text-align: center; font-weight: bold; vertical-align: top; padding-top: 10px; padding-right: 10px; height: 21px;}
/* les nouveau boutons */
.normal { border-radius: 12px 0 12px 0; background-image: linear-gradient(#f6d7b0, #eae1d3); border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.normal:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }
.rouge { border-radius: 12px 0 12px 0; background: red; border:none; color:white; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.rouge:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }
.vert { border-radius: 12px 0 12px 0; background: #99ff99; border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.vert:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }
.jaune { border-radius: 12px 0 12px 0; background: #ffff00; border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.jaune:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }
.bleu { border-radius: 12px 0 12px 0; background: #33ccff; border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.bleu:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }
.violet { border-radius: 12px 0 12px 0; background: #9933ff; border:none; color:white; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.violet:hover { color: #FFF; text-shadow: 0px 1px 2px #555; }
.ciel { border-radius: 12px 0 12px 0; background: #66ffff; border:none; color:#555; font:bold 12px Verdana; padding:6px 10px 6px 10px; box-shadow: 1px 1px 3px #999; cursor:pointer; }
.ciel:hover { color: #FFF; text-shadow: 0px 1px 2px #000; }

.fenetre { display:inline-block; padding:3px; border:1px solid black; cursor:pointer; }
.fenetre_0 {color :#e6e6e6; font:bold 10px Verdana; background:#bbbbbb; padding:3px; border-bottom:1px solid black; border-top-left-radius: 10px; border-top-right-radius: 0px; }
.fenetre_1 { font:bold 10px Verdana; background:#f5f5f5; padding:3px; border-bottom:0px solid black; border-top-left-radius: 0px; border-top-right-radius: 10px; padding-bottom:4px; }
.contenu_fenetre { background-color: #eeeeee; border:1px solid black; margin-top:-1px; padding:0px; display:none; border-bottom-right-radius: 25px;}
.fenetre:hover { color: #FFF; background:#e6e6e6; text-shadow: 0px 1px 2px #000; }

/* ----------------------------------------------- System d'onglet -------------------------------- */
.onglet { display:inline-block; padding:3px; border:1px solid black; cursor:pointer; }
.onglet_0 { color : blue; font:bold 14px 'Metamorphous' ; background-image:linear-gradient(#FF6A00, #eae1d3); padding:3px; border-bottom:1px solid black; border-top-left-radius: 10px; border-top-right-radius: 0px; }
.onglet_1 { font:bold 14px 'Metamorphous' ; background-image:linear-gradient(#eae1d3, #FF6A00); padding:3px; border-bottom:0px solid black; border-top-left-radius: 0px; border-top-right-radius: 10px; padding-bottom:4px; }
.contenu_onglet { background-color: #eae1d3; border:1px solid black; margin-top:-1px; padding:0px; display:none; border-bottom-right-radius: 25px;}
.onglet:hover { color: #FFF; background-image:linear-gradient(#FF6A00, #eae1d3); text-shadow: 0px 1px 2px #000; }


.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99; /* Stay on top */
    top: 0px;
    left: 0;
    background-color: #EEEEEE; /* Black*/
    overflow-x: auto; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
 
 
/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; z-index: 2; }
 
#main { transition: margin-left .5s; padding: 0px; overflow:hidden; width:100%; text-align: left; }
body {   overflow-x: hidden; min-width: 1250px;}
 
/* Add a black background color to the top navigation */
.topnav {position: absolute; overflow: hidden; top: 5px; z-index: 99;}
.licon{ float: left;  }
.topnav a:hover {  background-color: #ddd; color: black; }
.topnav a.active {  background-color: #4CAF50;     color: white; }
a .svg{
  transition:all .5s ease;
 
  &:hover{
    #transform:rotate(180deg);
  }
}
 #ico{   display: none; }
.centre {position: relative; top: 30px;}




.news_fond{ position:relative; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; border-radius: 0 15px 0 15px; }
.news_text { position:relative; height: 90%; top:15px; left: 15px; overflow: auto; bottom: 15px; font-size: 14px; text-align: left; margin-right: 495px; padding: 5px;  background-color:rgba(255,255,255,.8);
  border-radius: 0 15px 0 15px; bottom: 15px;
  box-shadow:0 0 15px rgba(0,0,0,.25);
}

.ne3{ animation-direction:alternate-reverse; animation-duration:4s;}
.ne4{ animation-duration:5s; }
.news_ant{position:absolute; bottom: -20px; right: 15px; }
.news_com{position:absolute; bottom: -20px; left: 15px; }
.news_img{ position:absolute; height : 300px ; width : 450px; right: 15px; top: 15px; margin-bottom: 10px ; border-radius: 0 15px 0 15px;}


.block_text{ font-size: 12px; color: black; font-family: verdana, tahoma, arial, sans-serif; padding: 15px; background: url("https://as-gi.fr/themes/onthemix/images/fond_ban.png"); border-radius: 30px 0px 30px 0; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; border-width:8px; border-style: double; border-color: #FF6A00; }

.div_text{ position: relative; text-align: center; padding: 15px;  
margin: auto;  border: 8px double #FF6A00;  border-radius: 0px 15px 0px 15px; z-index: 6}



.frise{ position: relative; height: 25px; background: url(https://as-gi.fr/jeux/chroniques/frise.png); background-repeat: repeat-x; border-right: 3px solid #86452c; border-left:  3px solid #86452c;}

/* ############################################################# Page Avatar ############################################################### */
.avatar-img { max-height: 150px; width: auto; display: block; }
.avatar-box1 { width: 150px; height: 150px; text-align: center; border-right: 3px solid #86452c; border-top: 3px solid #86452c; border-bottom: 3px solid #86452c;}
.avatar-box2 { width: 150px; height: 150px; text-align: center; border-left: 3px solid #86452c; border-top: 3px solid #86452c; border-bottom: 3px solid #86452c;}
.avatar-text-box1 { width: 300px; height: 150px; overflow: hidden; vertical-align: top; font-size: 12pt; border-left: 3px solid #86452c; border-top: 3px solid #86452c;border-bottom: 3px solid #86452c;}
.avatar-text-box2 { width: 300px; height: 150px; overflow: hidden; vertical-align: top; font-size: 12pt; border-right: 3px solid #86452c; border-top: 3px solid #86452c; border-bottom: 3px solid #86452c;}
.avatar-titre { color: blue; font-size: 14pt; text-align: center; font-family: 'Metamorphous', cursive; }
.avatar-container { position: relative; display: inline-block; }
.avatar-id { position: absolute; top: -10px; right: -10px; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 2px 5px; font-size: 10pt; font-weight: bold; border-radius: 3px; }
.avatar-id2 { position: absolute; top: -10px; left: -10px; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 2px 5px; font-size: 10pt; font-weight: bold; border-radius: 3px; }
.avatar-id, .avatar-id2 { border: 1px solid white; text-shadow: 1px 1px 2px black; }
.avatar-edit1{ position: absolute; bottom: -10px; left: -10px; padding: 2px 5px; border-radius: 3px; }
.avatar-edit2{ position: absolute; bottom: -10px; right: -10px; padding: 2px 5px; border-radius: 3px; }

.bb_holder{ border: 1px solid #FF6A00; }
.td_bb_holder{ background-image: linear-gradient(#FF6A00, #eae1d3); }