/*  ============================================== GENERAL */

body			{
	/*background:#993333;*/
	background:#bbb;
	margin:0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	/*background:#bbb url(../images/logo-tv.png) no-repeat top left ;*/
}
#clear			{clear:both; margin:0; padding:0; font-size:0; height:0}

#gen 			{width:980px; margin:0; padding:0; margin-left:auto; margin-right:auto}
#gen td			{margin:0; padding:0;}
#gen a			{color:#999; text-decoration:none}
#gen a:hover	{color:#000; text-decoration:underline}


/*  ============================================== BANDEAUX */

#bh1 			{float:left; margin:0; padding:0;}

#bh2			{width:100%; margin:0; padding:0;}
#bh2 .g 		{width:0%;}
#bh2 .d			{width:100%; color:#ffffff; height:49px; background:#ffffff url(../photos/fonds/4.jpg); text-align:right;}
#bh2 .d a		{color:#ffffff; text-decoration:none; margin: 0 10px 0 10px}
#bh2 .d a:hover	{color:#ffffff; text-decoration:underline}
#bh2 td div.elem		{float:none}

#bb1			{float:left; margin:0; padding:0}
#bb2 			{color:#ffffff; background:#9A1E0C url(); height:20px; text-align:center;}
#bb2 a			{color:#ffffff}
#bb2 a:hover	{color:#ffffff}

/* ============================================== MENU CATALOGUE */
#gen .bluetabs						{height:20px; background:#74902C url(../photos/fonds/7.jpg); color:#ffffff;}

#gen .bluetabs td					{margin: 0; border-left:1px solid #656F41; font:10px Arial; text-align:center; padding:0;}
#gen .bluetabs td a					{text-decoration: none; margin:0; padding: 2px; color:#ffffff; height:20px; display:block;}
#gen .bluetabs td a:hover			{text-decoration: underline; color: #ffffff; height:20px; display:block; cursor:pointer}
#gen .bluetabs td.selected			{}
#gen .bluetabs td.selected a		{background:#74902C;}
#gen .bluetabs td.selected a:hover	{text-decoration: none; }

#gen .bluetabs td .dropmenudiv_b			{position:absolute; top: 0; right:0; border: 1px solid #525D2A; border-top: 0; font: 10px Arial; z-index:100; width: 200px; visibility: hidden; text-align:left;}
#gen .bluetabs td .dropmenudiv_b a			{width: auto; display: block; padding: 2px 5px; text-decoration: none; height:15px; border-top: 0px solid #FFF; background:#83A13D; color: #ffffff; }
* html #gen .bluetabs td .dropmenudiv_b a	{width: 100%;}
#gen .bluetabs td .dropmenudiv_b a:hover	{background:#363E16; color:#ffffff}

/* ============================================== PAGES CORPS */

#princ			{width:980px;}
#princ td		{vertical-align:top; padding:0; margin:0;}

#g				{width:310px; background:#525D2A ; color:#ffffff; vertical-align:top;}
#g .elem		{float:none}

#dac			{width:670px; background:#4B5026 ; color:#ffffff;}
#dac a			{color:#FFF;}
#dac #cat 		{margin:0; padding:0}
#dac #cat a		{width:155px; height:155px; float:left; margin:10px 0 0 10px; padding:0; background: url(../photos/catalogue/image_catalogue.png) top left}
#dac #cat img	{border:0}


#d				{width:670px; background:#FFF; color:#666;}
#d a			{color:#666; text-decoration:none}
#d a:hover		{text-decoration: underline}
#d #cat 		{margin:0; padding:0}
#d #cat a		{width:155px; height:155px; float:left; margin:10px 0 0 10px; padding:0;}
#d #cat img		{border:0}

/* ============================================== PAGES ADMIN */

.elem			{float:left; margin:0; padding:0;}
.elem img		{border:0}
.cadeaux		{font-size:13px; font-weight:bold; text-align:center; margin:15px 0 15px 0; padding:0;}

/*  ============================================== COLONNE DROITE 1ER ELEMENT */

#colg1			{display:none}

#cold1			{background :#4B5026 url(../photos/fonds/5.jpg) top center no-repeat; height:50px; color:#ffffff}
#cold1 p		{float:left; width:200px; height:25px; margin:15px 10px 0 10px; text-align:left; padding:3px 0 3px 0}
#cold1 a		{color:#ffffff; background: url(../images/caddy_blanc.gif) no-repeat; padding:3px 3px 3px 35px}
#cold1 a:hover	{color:#ffffff; text-decoration:underline}

/*  ============================================== ILOTS */

#elilot				{margin:0; max-width:310px}
#elilot .titre		{font-size:14px; border-bottom: 3px solid; padding:15px 5px 5px 5px; margin:0;}
#elilot .cont		{color:#000; background:#FFF; border:0px solid #DDD; border-top:0; padding:10px; margin:0;}
#elilot .el5  		{position:relative; border-bottom:1px dotted #CCC; height:90px; padding:3px 5px 0px 100px; margin:0;}
#elilot .el5 img  	{position:absolute; top:5px; left:5px;border:0; padding:0; margin:0}
#elilot a			{color: #999; text-decoration:none}
#elilot a:hover		{color:#000; text-decoration:none}

/*  ============================================== LISTE */

#rech form		{float:left; margin:10px 0 10px 0; width:300px; text-align:center}
#rech input	{font-size:10px}

#catnav					{width:650px; padding:0; margin:10px;}
#catnav td				{margin:0; padding:3px;}
#catnav .picto			{width:90px}
#catnav .picto img		{max-width: 80px;}
#catnav .titre			{font-size:13px; border-bottom:1px solid #624}
#catnav .tri			{width:130px; white-space:nowrap; text-align:right; border-bottom:1px solid #624}
#catnav .tri img		{margin:0 0 0 5px; border:0}
#catnav .retour	a		{height:20px; background:url(../images/retour.gif) no-repeat; padding:3px 3px 3px 30px; display:block; margin:0}
#catnav .retour a:hover	{background:url(../images/retouro.gif) no-repeat; text-decoration:none}
#catnav .liens			{width:100%; margin:0; padding:0; font-size:10px}
#catnav .liens td		{width:33%; margin:0; padding:5px}
#catnav .liens .famil	{border-left:1px dotted #DDD;}
#catnav .liens ul		{list-style: none outside; margin:0px; padding: 0 0 0 5px;}
#catnav .liens li 		{background: url(../images/puce.gif) no-repeat 0 5px; padding: 0 0 0 10px}

#show_art				{float:left; width:154px; height:190px; border:1px solid #FFF; margin:2px 2px 10px 6px; padding:5px 1px 1px 1px;  text-align:center; color:#666; background:#FFF; position:relative; cursor:pointer}
#show_art p				{margin:1px; padding:0px; height:12px}
#show_art .new			{position:absolute; top:0; left:0; width:83px; height:83px; background: url(../images/nouveaute.gif) no-repeat; z-index:10; margin:0; padding:0}
#show_art .coll			{position:absolute; top:0; left:0; width:83px; height:83px; background: url(../images/collection.gif) no-repeat; z-index:10; margin:0; padding:0}
#show_art .foto			{height:100px}
#show_art .foto img		{max-width:100px; max-height:100px}
#show_art .uc			{height:25px; font-size:12px; font-weight:bold; color:#000; text-align:center; margin:3px 0 2px 0}
#show_art .uc img		{vertical-align:middle; margin: 0 0 0 5px}
#show_art .titre		{color:#666}
#show_art:hover			{border:1px solid #CCC; background:#F4F4F4; cursor:pointer}
#show_art .artclear		{clear:both; margin:0; padding:0; height:0}

#show_deco				{float:left; margin:2px 2px 10px 6px}

.nbpage					{padding:10px; text-align:center}

/*  ============================================== FICHE */

#fiche					{margin:10px 0 0 0; padding:0}
#fiche img				{border:0; text-decoration:none}
#fiche .artg			{width:200px; float:left; margin:10px 20px 10px 20px;}
#fiche .artg	img		{margin:0 0 10px 0;}
#fiche .artc			{width:250px; text-align:justify; float:left; margin:10px 0 0 0; padding:0;}
#fiche .artc .titre		{font-size:15px; font-weight:bold}
#fiche .artd			{width:160px; float:left; margin:10px; padding:0; text-align:center;}
#fiche .artd .uc		{font-size:17px; color:#000; font-weight:bold}
#fiche .artd a img		{text-decoration:none}


/* =============================================== REDAC */

#redac						{margin:40px 30px 20px 30px; position:relative; top:0}
#redac .titre				{border-bottom:1px solid #83A13D; padding:5px; font-size:13px; font-weight:bold}
#redac .titre img			{width:20px; height:8px; background:#83A13D; margin:0 10px 0 0}
#redac p					{text-align:justify;}
#redac .desc				{float:left; width:350px; margin:0; padding:0}
#redac .lien				{float:right; width:200px; text-align:left; font-weight:bold; margin:0 0 0 55px; padding:0;}

.alert 				{border:1px solid #F00; background:#FFF; padding:10px; margin:10px 20px}
#tableau			{width:100%; border:1px solid #DDD; margin: 10px 0}
#tableau td			{padding:3px 8px; border-bottom:1px dotted #EEE}
#tableau img		{border:0}
#tableau .lib td	{background:#EEE; font-weight:bold; }
#tableau .libc		{text-align:center}
#tableau .libd		{text-align:right}
#tableau .c			{text-align:center}
#tableau .d			{text-align:right}
#tableau .icon		{width:1%}
/* =============================================== EM */

#em #liens					{width:200px; float:left; margin:0 0 0 20px}
#em #liens .titre			{border-bottom:1px solid #624; padding:5px; font-size:13px; font-weight:bold}
#em #liens ul				{list-style: disc outside; margin:10px; padding: 0 0 0 5px;}
#em #liens li				{padding: 5px 0 0 5px}
/* =============================================== LOGIN */

#body_login			{background:#ffffff  center center; margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; height:100%;}

#accgen 			{min-width:500px;}
#accgen td			{margin:0; padding:0;}

#ssform			{background:#ffffff  top center; height:300px;}
#ssform table td		{padding:3px; color:#000000;}
#ssform a			{color:#000000; text-decoration:none}
#ssform a:hover	{color:#000000; text-decoration:underline}
