/*copyright by kitgraphiquegratuit.org*/
body,html        {background:#000 url(images/bg.png) repeat-x;margin:0;padding:0;background-attachment: fixed;margin:0;padding:0;text-align:center}	    
.conteneur       {margin: 0 auto 0;width: 900px;position:relative;background-color:#000;text-align:left}	
#header          {height:185px; background:url(images/header.jpg);margin:0 auto 0 auto;width:900px}  
#header2         {width:900px;margin:0;padding: 0;height:60px;background: url(images/menu.jpg) } 	
table.haut		 {padding:20px;color:#FFF}

p                {color:#00365a;font:12px/13px arial;margin:0;padding:0}      
a	 			 {color: #00365a;text-decoration: none;margin: 0;outline:none} 	
a:hover	 	     {color: #fff;text-decoration: none;margin: 0} 

/*Menu horizontal*/
#menu, #menu ul        {padding : 0;margin : 0 0 0 10px; list-style : none;text-align : center;font-family: verdana ; font-size: 8pt}
#menu a                {display : block;height:30px;color: #FFF;text-decoration : none;line-height: 30px;width: 120px;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.jpg) no-repeat;height:58px;width:900px;margin: 0 auto 0 auto;padding: 0;}
.footer_center        	{width:750px;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:#00365a}
.footer_right       	{width:150px;text-align:center;vertical-align:middle;font-weight:bold;color:#FFF}
.footer_right a     	{color:#FFF}
.footer_right a:hover 	{color:#00365a}
img                 	{border:0;margin:2px 0 0 0}
	
/*Contenu des infos*/

.haut_contenu   {width:850px;background: url(images/haut_contenu.jpg);margin-left:25px;padding:0;height:29px}
.fond_contenu   {width:834px;background: url(images/fond_contenu.jpg);margin-left:25px;padding:0 8px 0 8px;color:#fff;font:12px/13px arial;} 
.bas_contenu    {width:850px;background: url(images/bas_contenu.jpg) ;margin-left:25px;padding:0;height:26px}		

/*les class et ID pour le script*/

.td { border:#999 1px dotted;background-color:#FFF;color:#000}

fieldset {position :relative;top :1em;padding :0 0.5em 1em 0.5em;-moz-border-radius: 10px;border-radius: 1px;border:1px solid #00365a;text-align:justify;margin-right:10px;margin-left:10px;}
.legend {position :relative;margin-left: 50px;top :-1em;padding :0.4em;color:#00365a;}
.titre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color: #00365a;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: 720px;margin-left:9px;color:#000000;}
.mangas {width: 720px;margin-left:9px;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: #ffffff;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;}