/*copyright by Fantasy-Graph.net*/

body,html        {background: url(images/body.png);margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:16px;}	    
.conteneur       {margin: 0 auto 0;width: 1024px;position:relative;background-color:transparent;text-align:left}	
#header          {height:200px; background:url(images/header.png);margin:0 auto 0 auto;width:1024px}  
#header2         {width:1024px;margin:0;padding: 0;height:39px;background: url(images/menu1.png) } 
#header3         {width:1024px;margin:0;padding: 0;height:39px;background: url(images/menu1.png) }
table.haut	 {padding:10px;color:#FFF}

p                {color:#890a09;font:12px/13px arial;margin:0;padding:0}      
a	 	 {color: #890a09;text-decoration: none;margin: 0;outline:none} 	
a:hover	 	 {color: #fff;text-decoration: none;margin: 0}
.accueil	 {color:#DEB887;}
.titre_accueil 	 {font-size: x-large}

/*Menu horizontal*/

#menu, #menu ul        {padding : 0 140px;margin : 0 0 0 10px; list-style : none;text-align : center;font-family: verdana ; font-size: 8pt}
#menu a                {display : block;height:39px;color: #FFF;text-decoration : none;line-height: 39px;width: 80px;font-weight: bold; outline:none}
#menu li               {float : left;}
#menu a:hover          {background: url(images/menu_hover.png)}
.pageactive	       {background: url(images/menu_active.png)}

/*Pied et copyright*/

.separateur         	{clear: both;visibility: hidden; }
#pied               	{background:url(images/pied.png) no-repeat;height:65px;width:1024px;margin: 0 auto 0 auto;padding: 0;}
.footer_left        	{width:150px;text-align:center;vertical-align:middle;font-weight:bold;color:#FFF;font-size:14px;padding-top:16px;paddign: 20px;}
.footer_center        	{text-align:center;vertical-align:middle;font-weight:bold;color:#FFF;font-size:14px;padding-top:16px;}
.footer_center a     	{color:#FFF}
.footer_center a:hover 	{color:#890a09}
.footer_right       	{width:200px;text-align:center;vertical-align:middle;font-weight:bold;color:#FFF}
.footer_right a     	{color:#FFF}
.footer_right a:hover 	{color:#890a09}
img                 	{border:0;margin:2px 0 0 0}
	
/*Contenu des infos*/

.cadre 				{top :-1em;padding :0.4em;font-weight:bold;color:#ffffff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:0;background: url(images/cadre1.png) repeat;text-align:center;width:155px;}
.cadre1 			{top :-1em;padding :0.4em;font-weight:bold;color:#ffffff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:0;background: url(images/cadre1.png) repeat;text-align:center;width:210px;}
.sous_cadre1			{padding:5px;}
.sous_cadre2			{padding:5px;}

.haut_contenu    {width:700px;background: url(images/haut_contenu.png);padding:0;height:40px}
.fond_contenu    {width:684px;background: url(images/fond_contenu.png);padding:0 8px 0 8px;color:#fff;font:12px/13px arial;} 
.bas_contenu     {width:700px;background: url(images/bas_contenu.png) ;padding:0;height:25px}

.haut_contenu1   {width:250px;background: url(images/haut_contenu1.png);padding:0;height:37px}
.fond_contenu1   {width:240px;background: url(images/fond_contenu1.png);padding:0 5px 0 5px;color:#fff;font:12px/13px arial;} 
.bas_contenu1    {width:250px;background: url(images/bas_contenu1.png) ;padding:0;height:21px}

.haut_contenu2   {width:1000px;background: url(images/haut_contenu2.png);padding:0;height:50px}
.fond_contenu2   {width:936px;background: url(images/fond_contenu2.png);padding:0 32px 0 32px;color:#fff;font:12px/13px arial;} 
.bas_contenu2    {width:1000px;background: url(images/bas_contenu2.png) ;padding:0;height:30px}	

.haut_contenu3   {width:900px;background: url(images/haut_contenu3.png);padding:0;height:45px}
.fond_contenu3   {width:860px;background: url(images/fond_contenu3.png);padding:0 20px 0 20px;color:#fff;font:12px/13px arial;} 
.bas_contenu3    {width:900px;background: url(images/bas_contenu3.png) ;padding:0;height:27px}

.text_compt_g 	 {font-weight: bold;color:#FFFFFF;margin-left:10px;}		

/*les class et ID pour le script*/

.td                             {background: url(images/bg-color.png);border:#c60404 1px dotted;font-size: 15px;color:#000000}
.infos_cadre 			{border:#fff 1px solid;background-color:#000;color:#fff;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px;padding-left:5px;}
.infos 				{-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px;border:#ffffff 1px solid; background-color: #333232;}
.infos_titre 			{border:#fff 1px solid;background-color:#333;color:#fff;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px;padding:10px;}

fieldset {position :relative;top :1em;padding :0 0.5em 1em 0.5em;-moz-border-radius: 10px;border-radius: 1px;border:1px solid #890a09;text-align:justify;margin-right:10px;margin-left:10px;}
.legend               {position :relative;margin-left: 50px;top :0.5em;padding :0.4em;font-size: 20px;color:#ffffff;}
.legend2              {position :relative;margin-left: 50px;top :0.5em;padding :0.4em;font-size: 15px;color:#ff810606;}
.titre                {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 25px;color: #ffffff;font-weight: bold;}

.logiciels {width: 725px;margin-left:4px;color:#000000;}
.films {width: 725px;margin-left:4px;color:#000000;}
.series {width: 725px;margin-left:4px;color:#000000;}
.jeux {width: 725px;margin-left:4px;color:#000000;}
.mangas {width: 725px;margin-left:4px;color:#000000;}
.musics {width: 725px;margin-left:4px;color:#000000;}
.spectacles {width: 725px;margin-left:4px;color:#000000;}

/*les class et ID pour page info*/

.alert {color: #990000; font-size: 11px;}
img.notselect { border:none; height:80px; width:80px; }
img.selected {  border: 2px solid #FF9600; height:80px; width:80px; }
font.screentout { float:right; padding-right:5px;}
span.tooltip em {display:none;}
span.tooltip:hover {border: 0;position: relative;z-index: 500; text-decoration:none;}
span.tooltip:hover em { font-style: normal;font-size:12px;display: block;position: absolute;top: 40px;left: -10px; padding: 5px;color: #333; border: 1px solid #FF6600; background: #FFFFCC;width:170px;}
span.tooltip:hover em span {position: absolute;top: -7px;left: 15px;height: 7px;width: 12px; background: transparent url(./images/span.gif);margin:0; padding: 0; border: 0;}
span.tooltip1 em {display:none;}
span.tooltip1:hover {border: 0; position: relative; z-index: 500; text-decoration:none;}
span.tooltip1:hover em {font-style: normal;font-size:12px; display: block; position: absolute;vertical-align:middle; top: 40px; left: -250px; padding: 5px;  width:610px;height:70px;}
span.tooltip1:hover em span {position: absolute; top: -7px; left: 15px;height: 7px; width: 12px;  margin:0; padding: 0; border: 0;}
img.notselect { border:none; height:80px; width:80px; }
img.selected {  border: 2px solid #FF00FF; height:80px; width:80px; }
font.screentout { float:right; padding-right:5px;}

/* Mise en page des puces */

.cont li {list-style-type : disc;margin-left:70px; margin-right:10px; padding-right:10px !important; padding-right:0; }
.cont a {font-weight :bold; }
.cont a:hover {color:#00CCFF;}
h4.manga {background:transparent url('http://www.manga-news.com/tpl/default/img2/bg-green.png') repeat-x;}
h4.dvd {width: 715px;margin-left:12px;background:transparent url('http://www.manga-news.com/tpl/default/img2/bg-pink.png') repeat-x;}

/*les class et ID pour page résultat*/

DL.hidebox {border-right:#d8d8d8 1px solid;padding-right:3px;border-top: #d8d8d8 1px solid;padding-left: 3px;font-size: 1em;padding-bottom: 3px;border-left: #d8d8d8 1px solid;padding-top: 3px;border-bottom: #d8d8d8 1px solid;background-color: trensparent;color:#000;text-align:center;}
DL.hidebox DT {display: block;font-weight: bold;font-size: 0.8em;margin-bottom: 3px;text-transform: uppercase;border-bottom: #cccccc 1px solid;text-align:center;}
DT.unhide {color: #339900;}
DT.hide {color: #FF0000;}