BODY {	background-color: #000000;}


ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
dl dd {
	margin-left: 10px;
	text-align:justify;
}
#Quest #Faction{
padding-top:10px;
cursor:pointer;
}

#FaqTitle  {
padding-top:10px;
COLOR:#DF0000;
cursor:pointer;
}

#FactionMsgTitle  {
cursor:pointer;
}

A.menu1:link {FONT-SIZE: 11px; COLOR: #EDB868; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu1:active {FONT-SIZE: 11px; COLOR: #EDB868; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu1:visited {FONT-SIZE: 11px; COLOR: #EDB868; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu1:hover {FONT-SIZE: 11px; COLOR: #CCBF97; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu2:link {FONT-SIZE: 13px; COLOR: #CCBF97; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu2:active {FONT-SIZE: 13px; COLOR: #CCBF97; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu2:visited {FONT-SIZE: 13px; COLOR: #CCBF97; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.menu2:hover {FONT-SIZE: 13px; COLOR: #EDB868; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.membre:link {FONT-SIZE: 16px; COLOR: BLACK; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.membre:active {FONT-SIZE: 16px; COLOR: BLACK; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.membre:visited {FONT-SIZE: 16px; COLOR: BLACK; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.membre:hover {FONT-SIZE: 16px; COLOR: #999999; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.FAQ:link {FONT-SIZE: 12px; COLOR:#DF0000; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
A.FAQ:visited {FONT-SIZE: 12px; COLOR: #DF0000; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}
.style1 {font-size: 11px; COLOR: #330000; font-family : Verdana;TEXT-DECORATION: none} /*texte dor*/
.style2 {font-size: 11px; COLOR: #EDB868; font-family : Verdana;} /*texte orange*/
.styleerreur {font-size: 12px; COLOR: #FC0A0A; font-weight:bold; font-family : Verdana;} /*texte orange*/
.style3 {font-size: 11px; COLOR: #330000; font-weight:bold; font-family : Verdana;} /*Titre orange*/
.style4 {font-size: 11px; COLOR: #443329; font-family : Verdana;} /*texte marron (parchemin)*/
.style4bis {font-size: 18px; COLOR: #443329; font-family : Verdana; text-align:center} /*texte marron (parchemin)*/
.style5 {COLOR: #443329; font-weight:bold; font-family : Verdana;} /*Titre orange*/
input.champsTexte{font-family:Arial,Verdana,Helvetica; font-size:12px; width:120px; color:#330000; background-color:#FFE4B5;}
input.submit{font-family:Arial,Verdana,Helvetica; font-size:12px; color:#EDB868; background-color:#443329;}
input.file{font-family:Arial,Verdana,Helvetica; font-size:12px; color:#EDB868; background-color:#443329;}
select{font-family:Arial,Verdana,Helvetica; font-size:12px; color:#EDB868; background-color:#443329;}
textarea{font-family:Arial,Verdana,Helvetica; font-size:12px; color:#EDB868;background-color:#FFE4B5;}
.Metier  {width:98%;padding:3px;margin:auto;margin:3px;text-align:center;font-size:12pt;color:#CCBF97;background-color:#4d5537;border:1px solid #ddab76;}



.fleche {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=50); 	/* IE */
		-moz-opacity: 0.5; 		/* Mozilla */
		opacity: 0.5; 			/* CSS3 */
		-khtml-opacity: .5; 		/* Safari */
}
.menumonstre { color:#006600;font-weight: bold;	font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;
}
/* Onglet Faction */
.menufaction {font-size: 14px; width:96%;border-bottom:solid 2px black;padding-top:7px;padding-bottom:7px;}
a.onglet {padding-left:10px;background-color:#E7E4E4;text-decoration:none;color:black; font-family:Verdana, Arial, Helvetica, sans-serif;border:solid 2px black ;border:solid 2px black ;margin:5px 5px 0px 5px ;padding:7px 3px 7px 3px}
a.onglet:hover {background-color:#E7E4E4;text-decoration:none;color:gray;font-family:Verdana, Arial, Helvetica, sans-serif;}
.onglet-actif { border:solid 2px black;margin:5px 5px 0px 5px; padding:7px 3px 7px 3px;background-color:white;font-family:Verdana, Arial, Helvetica, sans-serif; }
td.cadreN {background-image:url(/images/cadrecentre_16bis.jpg);}
td.cadreNO{ background-repeat:no-repeat; background-image:url(/images/cadrecentre_16biscoinhg.gif);width:19px; height:11px;}
td.cadreNE {background-image:url(/images/cadrecentre_16biscoinhd.gif);width:19px; height:11px;}
td.cadreCol {background-image:url(/images/centrepage_14.jpg);width:19px;}
td.cadreSO {background-image:url(/images/cadrecentre_16biscoinbg.gif);width:19px; height:11px;}
td.cadreSE {background-image:url(/images/cadrecentre_16biscoinbd.gif);width:19px; height:11px;}
a.lien { background-color: #91810c;color: black;border: 1px solid black;text-decoration: none;}
a.lien:hover {background-color:  #D6BD12;color: black; border: 1px solid black; text-decoration: none; }
a.Acpqte { background-color: #669933;color: black; border: 1px solid black; text-decoration: none;}
a.Acpqte:hover { background-color: #669900;color: black;border: 1px solid black;text-decoration: none;}
a.Refqte { background-color: #FF3300;color: black; border: 1px solid black; text-decoration: none;}
a.Refqte:hover { background-color: #FF6600;color: black;border: 1px solid black;text-decoration: none;}
.TitreEvenement{ color:#91810c;font-weight: bold;font-size:18px;font-family:Arial,Verdana,Helvetica;}
/*pour les presentation d'admin*/
.Name { text-transform	: uppercase;border-bottom : 2px solid  ;font-weight: bold;  ;font-size: 12pt; }
.contact p { padding-left: 115px; }
.contact img { float: left; padding-left: 10px;}
/* faction*/
.clicCacher  { top: -15px;position: relative;text-align:right;}
.clicVoir { position: relative; text-align:left; }
.skin { position:absolute;width: 32px;height: 32px;}
/*** TABLES ***/

table {
	border-collapse		: collapse;
}

table td {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10pt;
	top: 32px;
}


table.table {
	border-bottom		: 2px solid #efac71;
	border-collapse		: separate;
	border-spacing		: 3px;
	margin-left			: 10px;
	margin-top			: 10px;
	margin-bottom		: 20px;
}


.ombre15 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=15); 	/* IE */
		-moz-opacity: 0.15; 		/* Mozilla */
		opacity: 0.15; 			/* CSS3 */
		-khtml-opacity: 0.15; 		/* Safari */
}

.ombre25 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=25); 	/* IE */
		-moz-opacity: 0.25; 		/* Mozilla */
		opacity: 0.25; 			/* CSS3 */
		-khtml-opacity: 0.25; 		/* Safari */
}
.ombre40 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=40); 	/* IE */
		-moz-opacity: 0.4; 		/* Mozilla */
		opacity: 0.4; 			/* CSS3 */
		-khtml-opacity: .4; 		/* Safari */
}
.ombre60 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=60); 	/* IE */
		-moz-opacity: 0.6; 		/* Mozilla */
		opacity: 0.6; 			/* CSS3 */
		-khtml-opacity: .6; 		/* Safari */
}
.ombre80 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=80); 	/* IE */
		-moz-opacity: 0.8; 		/* Mozilla */
		opacity: 0.8; 			/* CSS3 */
		-khtml-opacity: 0.8; 		/* Safari */
}
.ombre100 {
		position:absolute;
		width: 32px;
		height:32px;
		filter: alpha(opacity=100); 	/* IE */
		-moz-opacity: 1; 		/* Mozilla */
		opacity: 1; 			/* CSS3 */
		-khtml-opacity: 1; 		/* Safari */
}
div.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
 
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
 
div.autocomplete ul li.selected {
    background-color: #ffb;
}
 
div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
#slideShow1 a
{
	text-decoration: none;
}


#slideShow1
{
	width: 640px;
	height: 480px;
	padding: 0px;	
	margin: 5px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.pagelinks a.activeSlide
{
	text-decoration: none;
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url('/images/presentation/slideshow/spacer.gif');
}
.nextSlide:hover
{
	background-image: url('/images/presentation/slideshow/nextslide.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url('/images/presentation/slideshow/prevslide.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#tooltipURL
{
	display: none;
}
.Slide {font-size: 11px;}
/*pour le menu principal*/
.Slide p { padding-left: 260px;padding-left:0px; }
/* faction*/


/* partie visu de l'acceuil'*/
#menu img {border: none; border:1px; padding:1px; margin:1px;}
#menu2 img {border: none; border:1px; padding:1px; margin:1px;}
.scroll2 {width:480px;height:250px;overflow:auto;}

.CDpotion{FONT-SIZE: 25px; COLOR: #EDB868; text-align: CENTER; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none}

.divMapCaseInvisible{
    width:32px;
    height:32px;
    position:absolute;
    border:1px black solid;
    text-align: center;
}

.divMapCaseActivater{
    width:32px;
    height:32px;
    position:absolute;
    border:1px #CC0000 solid;
    background-color: #f90;
    text-align: center;
    color:red;
    font-weight: bold;
    text-decoration: none;
    font-size: larger;
    opacity:0.5; 
}



/* Core qTip styles */

.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;border-width:1px;border-style:solid}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important}.ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid}* html .ui-tooltip-titlebar .ui-state-default{top:16px}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.ui-tooltip-focus{}.ui-tooltip-hover{}.ui-tooltip-default{border-color:#F1D031;background-color:#FFFFA3;color:#555}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111}/*! Light tooltip style */.ui-tooltip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1}/*! Dark tooltip style */.ui-tooltip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}/*! Cream tooltip style */.ui-tooltip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0}/*! Red tooltip style */.ui-tooltip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252}/*! Green tooltip style */.ui-tooltip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0}/*! Blue tooltip style */.ui-tooltip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0}.ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.ui-tooltip-rounded,.ui-tooltip-tipsy,.ui-tooltip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.ui-tooltip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-o-linear-gradient(top, #4A4A4A 0,black 100%)}.ui-tooltip-youtube .ui-tooltip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.ui-tooltip-youtube .ui-tooltip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from( #717171),to( #232323));background-image:-moz-linear-gradient(top, #717171, #232323);background-image:-webkit-linear-gradient(top, #717171, #232323);background-image:-ms-linear-gradient(top, #717171, #232323);background-image:-o-linear-gradient(top, #717171, #232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.ui-tooltip-jtools .ui-tooltip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:#fff;border:0 dashed transparent}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.ui-tooltip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px black}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10;background-color:transparent}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.ui-tooltip-tipped .ui-tooltip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from( #3A79B8),to( #2E629D));background-image:-webkit-linear-gradient(top, #3A79B8, #2E629D);background-image:-moz-linear-gradient(top, #3A79B8, #2E629D);background-image:-ms-linear-gradient(top, #3A79B8, #2E629D);background-image:-o-linear-gradient(top, #3A79B8, #2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555}.ui-tooltip-bootstrap{font-size:13px;line-height:18px;color:#333;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.ui-tooltip-bootstrap .ui-tooltip-titlebar{font-size:18px;line-height:22px;border-bottom:1px solid #ccc;background-color:transparent}.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{right:9px;top:49%;border-style:none}.ui-tooltip-bootstrap .ui-tooltip-icon{background:#fff}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}

#next #prev{color:white; font-weight: bold;font-size: 15px;}

#assistantTitle, #assistantTitle p {text-align: center;color:white; font-weight: bold}
#assistantTitle a {text-align: center;color:gold; font-weight: bold}
#prev{float:left;color:white; font-weight: bold}
.box{width:100%;margin:0px 5px 5px 0px;background-color:#3A79B8;border:2px solid white;-moz-box-shadow:0 0 5px 2px rgba(0,0,0,.15);}
.ui-tooltip, .qtip{
 
	max-width: 300px;
	min-width: 100px;
 
	font-size: 18px;
	line-height: 18px;
}
/* Add some nice box-shadow-ness to the modal tooltip */
#ui-tooltip-modal{
	max-width: 420px;
 
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}
 
#ui-tooltip-modal .ui-tooltip-content{
	padding: 10px;
}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#BEA881; border:4px solid #AE8350; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {font-weight: bold;color:#33001D;}


#tabs-centre .ui-tabs-nav {
	height: 2.35em;
	text-align: center;
}
#tabs-centre .ui-tabs-nav li {
	display: inline-block;
	margin: 0em;
}


.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { ffont-size: 1em; }
.ui-widget-content {  border: 5px solid #B07F48; background: transparent; color: #312e25; }
.ui-widget-content a { color: #312e25; }
.ui-widget-header { border: 1px solid #663E10; background: #E2D2A8; color: #433f38; font-weight: bold; }
.ui-widget-header a { color: #433f38; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #9C6F10; background: #AA9450 ; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #61450A; background: #C2B282 ; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d4ccb0; background: #fafaf4 ; font-weight: bold; color: #459e00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #4C1B1B; outline: none; text-decoration: none; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

a.linkmarron { background-color: #929713;color: black; border: 1px solid black; text-decoration: none;padding : 2px}
a.linkmarron:hover { background-color: #B1B813;color: black;border: 1px solid black;text-decoration: none;}



.paging_two_button .ui-button {
    float: left;
    cursor: pointer;
    cursor: hand;
}

.paging_full_numbers .ui-button {
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
    cursor: hand;
    color: #333 !important;
}

.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
}

.paging_full_numbers {
    width: 350px !important;
}

.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}

.dataTables_paginate {
    width: auto;
}

.dataTables_info {
    padding-top: 3px;
}

table.display thead th {
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    cursor: hand;
}

div.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}


/*
 * Sort arrow icon positioning
*/
table.display thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
*/

.dataTables_wrapper {
    position: relative;
    clear: both;
}

.dataTables_processing {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding: 2px 0;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 50%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
*/
table.display {
    margin: 0 auto;
    clear: both;
    border-collapse: collapse;
    border: #663E10  2px solid;
}

table.display tfoot th {
    padding: 3px 0px 3px 10px;
    font-weight: bold;
    font-weight: normal;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;

}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
*/

.sorting_asc {
    background: url('/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('/images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('/images/sort_desc_disabled.png') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
*/
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}



table.display tr.odd.gradeX {
    background-color: #B1922F;
}


table.display tr.even.gradeX {
    background-color: #B8A36D;
}




table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}

tr.odd {
    background-color: #E2E4FF;
}

tr.even {
    background-color: white;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
*/
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
*/
/* For the standard odd/even */
tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}
tr.odd.gradeX td.sorting_1 {
background-color: #C2AB62;
}

tr.odd.gradeX td.sorting_2 {
background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
background-color: #D6C7A1;
}

tr.even.gradeX td.sorting_2 {
background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
background-color: #ffe2e2; } 

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}









tr.odd.gradeA td.sorting_1 {
background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
background-color: #e2e2ff;
} 



.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_disabled_previous {
	background: url('/images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('/images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('/images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('/images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('/images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('/images/forward_enabled_hover.png') no-repeat top right;
}






/* Positionnement relatif */
#wrapper {
        position: relative;
        margin: auto auto 20px auto;
        border: 1px solid #fafafa;
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
        box-shadow: 0 3px 3px rgba(0,0,0,.5);
}

/* Masquer les infobulles */
.pin, .pinpoi, .pinpoiok, .pinres, .pinmarchand
, .pinAubEnter, .pinfaction, .pinbanquier, .pinskill
, .pinEvntEnterArene, .pinTourConstruct{
        display: none;
}
/* Styles des infobulles et des repères */
.tooltip-up, .tooltip-down {
        position: absolute;
        background: url(/images/areas/position.gif);
        width: 10px;
        height: 10px;
}
.tooltipmarchand-up, .tooltipmarchand-down {
        position: absolute;
        background: url(/images/areas/marchand.png);
        width: 10px;
        height: 10px;
}
/* Styles des infobulles et des repères */
.tooltipres-up, .tooltipres-down {
        position: absolute;
        background: url(/images/areas/res.png);
        width: 10px;
        height: 10px;
}
.tooltipAubEnter-up, .tooltipAubEnter-down {
        position: absolute;
        background: url(/images/areas/inn.png);
        width: 10px;
        height: 10px;
}
.tooltipTourConstruct-up, .tooltipTourConstruct-down {
        position: absolute;
        background: url(/images/areas/poi.png);
        width: 10px;
        height: 10px;
}
.tooltippoiok-up, .tooltippoiok-down {
        position: absolute;
        background: url(/images/areas/poiok.png);
        width: 10px;
        height: 10px;
}
.tooltipfaction-up, .tooltipfaction-down {
        position: absolute;
        background: url(/images/areas/faction.png);
        width: 10px;
        height: 10px;
}
.tooltipbanquier-up, .tooltipbanquier-down {
        position: absolute;
        background: url(/images/areas/banquier.png);
        width: 10px;
        height: 10px;
}
.tooltipskill-up, .tooltipskill-down {
        position: absolute;
        background: url(/images/areas/skill.png);
        width: 10px;
        height: 10px;
}
.tooltipEvntEnterArene-up, .tooltipEvntEnterArene-down {
        position: absolute;
        background: url(/images/areas/EvntEnterArene.png);
        width: 10px;
        height: 10px;
}


.tooltip, .tooltippoi, .tooltippoiok, .tooltipres, .tooltipmarchand, .tooltipAubEnter,
.tooltipfaction, .tooltipbanquier, .tooltipskill, .tooltipEvntEnterArene, .tooltipTourConstruct{
        display: none;
        width: 200px;
        cursor: help;
        text-shadow: 0 1px 0 #fff;
        position: absolute;
        top: 10px;
        left: 50%;
        z-index: 99999999;
        margin-left: -115px;
        padding:15px;
        color: #222;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
        -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
        box-shadow: 0 3px 0 rgba(0,0,0,.7);
        background: #fff1d3;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
        background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
        background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
        background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
        background: -o-linear-gradient(top, #fff1d3, #ffdb90);
        background: linear-gradient(top, #fff1d3, #ffdb90);			
}

.tooltip::after, .tooltippoi::after, .tooltippoiok::after,
.tooltipres::after, .tooltipmarchand::after, .tooltipTourConstruct::after,
.tooltipAubEnter::after, .tooltipfaction::after,
.tooltipbanquier::after, .tooltipskill::after, .tooltipEvntEnterArene::after
{
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px;
        border-bottom: 10px solid #fff1d3;
        border-left: 10px solid transparent;
        border-right :10px solid transparent;
}

.tooltip-down .tooltip, .tooltippoi-down .tooltippoi, .tooltipres-down .tooltipres
, .tooltipTourConstruct-down .tooltipTourConstruct
, .tooltipmarchand-down .tooltipmarchand , .tooltippoiok-down .tooltippoiok
, .tooltipAubEnter-down .tooltipAubEnter, .tooltipfaction-down .tooltipfaction
, .tooltipbanquier-down .tooltipbanquier, .tooltipskill-down .tooltipskill
, .tooltipEvntEnterArene-down .tooltipEvntEnterArene{
        bottom: 12px;
        top: auto;
}

.tooltip-down .tooltip::after, 
.tooltippoi-down .tooltippoi::after,
.tooltippoiok-down .tooltippoiok::after, 
.tooltipres-down .tooltipres::after,
.tooltipbanquier-down .tooltipbanquier::after,
.tooltipAubEnter-down .tooltipAubEnter::after,
.tooltipTourConstruct-down .tooltipTourConstruct::after,
.tooltipfaction-down .tooltipfaction::after,
.tooltipskill-down .tooltipskill::after,
.tooltipEvntEnterArene-down .tooltipEvntEnterArene::after,
.tooltipmarchand-down .tooltipmarchand::after{
        bottom: -10px;
        top: auto;
        border-bottom: 0;
        border-top: 10px solid #ffdb90;
}

 .tooltip h2, .tooltipTourConstruct h2, .tooltippoi h2, .tooltippoiok h2, .tooltipres h2,
.tooltipmarchand h2, .tooltipAubEnter h2, .tooltipfaction h2, .tooltipbanquier h2, 
.tooltipskill h2, .tooltipEvntEnterArene h2 {
        font: bold 1.0em 'Trebuchet MS', Tahoma, Arial;
        font-weight: bold;
        margin: 0 0 10px;
}

.readmore a {
    color : #CCBF97;
    float : left;
    font-style : italic;
    font-weight : bold
}
.readmore {
        color : #CCBF97;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-right : 5px;
	height : 18px;
	overflow : hidden;
	font-style : italic;
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border : 1px solid #ddab76;
	padding : 0px 4px;
	cursor : pointer;
	background-color : #4d5537;
}
.readmore img {
	vertical-align : middle;
}
.readmore p {
	float:left;
        color : #CCBF97;
        padding : 0px 6px;
}
.expand {
	height : auto;
}
.expand p {
	opacity : 1;
	filter : alpha(opacity=100);
	zoom : 1;
}

.InfoReglement  {width:98%;padding:3px;margin:auto;margin:3px;text-align:center;font-size:12pt;color:red;background-color:whitesmoke;border:1px solid red;}
.JouteAnnonce{
    text-decoration: none;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: red;
font-weight: bold;
text-shadow: 0 1px 0 white;
border-radius: 3px;
padding: 5px 10px;
border: 1px solid red;
box-shadow:0px 0px 10px red;
-webkit-box-shadow:0px 0px 10px red;
-moz-box-shadow:0px 0px 10px red;
-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name: bounce;
-moz-animation-duration: 1s;
-moz-animation-iteration-count:infinite;
animation-name: bounce;
animation-duration: 1s;
animation-iteration-count:infinite;
}
@-webkit-keyframes bounce {
0%{box-shadow:0px 0px 10px red;}
50%{box-shadow:0px 0px 0px red;}
100%{box-shadow:0px 0px 10px red;}
}
@-moz-keyframes bounce {
0%{box-shadow:0px 0px 10px red;}
50%{box-shadow:0px 0px 0px red;}
100%{box-shadow:0px 0px 10px red;}
}
@keyframes bounce {
0%{box-shadow:0px 0px 10px red;}
50%{box-shadow:0px 0px 0px red;}
100%{box-shadow:0px 0px 10px red;}
}