html, body {min-height:100%; height:100%; background:url('pics/bk.gif') repeat-x 0px -10px #EE843B; margin:0px; padding:0px; font:14px Arial;}

td          {font:14px Arial; color:black}
div         {font:14px Arial; color:black}
form        {display:inline}

.floatleft { float:left}
.floatright { float:right}
.clearboth { clear:both}

.input_top   {width:100%; font:16px Trebuchet MS, Arial; color:#a1a1a1; padding:1px 0px 1px 8px; }
.select_top  {width:88px; font:16px Trebuchet MS, Arial; color:#919191; padding-left:4px}
.select_top2 {width:130px; height:27px; font:16px Trebuchet MS, Arial; color:#919191; padding-left:4px; margin-right:11px}
.textarea    {width:100%; font:16px Trebuchet MS, Arial; color:#a1a1a1; padding:1px 0px 1px 8px; }

.input_login {width:70px; font:16px Trebuchet MS, Arial; border-color:#818181; color:#a1a1a1; padding:1px 0px 1px 8px; }

.input   {font:15px Trebuchet MS, Arial; width:100%; font:16px Trebuchet MS, Arial; border-color:#818181; color:#a1a1a1;}
.select  {height:27px; font:15px Trebuchet MS, Arial; color:#818181; margin-bottom:1px}

.tab_red       {background:#FF6a16; padding:2px 5px; color:#ffffff; text-transform:uppercase; text-decoration:none; font:10px arial; font-weight:normal; letter-spacing:.2px}
.tab_green     {background:#84b420; padding:2px 5px; color:#ffffff; text-transform:uppercase; text-decoration:none; font:10px arial; font-weight:normal; letter-spacing:.2px}
.tab_gri       {background:#7d7d7d; padding:2px 5px; color:#ffffff; text-transform:uppercase; text-decoration:none; font:10px arial; font-weight:normal; letter-spacing:.2px}
.tab_bleu      {background:#5Da0EB; padding:2px 5px; color:#ffffff; text-transform:uppercase; text-decoration:none; font:10px arial; font-weight:normal; letter-spacing:.2px}

.tab_red:hover, .tab_gri:hover, .tab_green:hover, .tab_bleu:hover {background:#474747;color:#9c9c9c}

.button {
 float:left; 
 background:transparent url("pics/but.gif") 100% 0% no-repeat; padding:0px 3px 0px 0px
 }

.button input {
 float:left; border:0px; padding: 0px 9px 4px 12px;
 background: transparent url("pics/but.gif") 0% 0% no-repeat;
 height:28px; font:16px Trebuchet MS, Arial; color:#ffffff; font-weight:bold; cursor:pointer;
}

.p3 {padding:1px; margin:0px; display:block}
.p7 {padding:2px; margin:0px; display:block}
.p11 {padding:4px; margin:0px; display:block}
.p15 {padding:6px; margin:0px; display:block}

#alb  {color:#ffffff}
#gri  {color:#616161}
#gri2 {color:#9a9a9a}
#gri3 {color:#525252}
#bleu {color:#7DC0EB}
#bleu2 {color:#5Da0EB}
#green {color:#78A50D}
#orange {color:#FAA116}


/* GENERAL */

.hr  {height:17px; background: url('pics/sep_o.gif') repeat-x 0px 5px }
.hr2 {height:24px; background: url('pics/sep_o.gif') transparent repeat-x 0px 10px; display:block; border:0px; margin:0px}

th { font-size:15px; font-weight:bold; text-align:left }

.img  { border:5px solid #787878}
.img_orange { border:5px solid #FF992E; padding:0px }
.img_bleu   { border:5px solid #7fbfdf; padding:0px }
.img_green  { border:5px solid #AED300; padding:0px }
.img_gri    { border:5px solid #676767; padding:0px}
.img_gri2   { border:5px solid #a1a1a1; padding:0px }



.img_gri:hover { border:5px solid #d7d7d7; }

.bk_gri { background:#c4c8c8 }

.pic1 {margin:5px 17px 8px 0px}
.pic3 {margin:0px 20px 8px 0px}

.smallu { font-size:10px; text-transform:uppercase; letter-spacing:.3px }
.b { background: url('pics/blt.gif') 0px 50% no-repeat; padding:0px 0px 0px 13px; }
.b:hover { background: url('pics/blt.gif') 0px 50% no-repeat; padding:0px 0px 0px 13px; }
.b1 { background: url('pics/blt.gif') 0px 50% no-repeat; padding:0px 0px 0px 13px; line-height:20px; float:left; width:120px }


#vedete {width:100%; margin-top:246px;background:url('pics/bk2.gif') 0px -1px; padding-top:25px}

#rapide  {width:962px; position:relative; left:50%; margin-left:-485px;text-align:center}
.rapide  {float:left; padding-left:21px; font:14px Arial; color:#ffffff;}
.rapide2 {float:left; padding-left:18px; font:14px Arial; color:#ffffff;}
.banner_top  {padding:2px 0px 15px 0px}
.banner_top2 {padding:0px 0px 10px 0px}

#center {width:968px; clear:both; position:relative; left:50%; margin-left:-485px;background:#D1E3F0}

#nav   {width:955px; margin:0px 6px;}
.nav   {color:#616161;white-space:nowrap;overflow:hidden;font:14px Arial; padding:12px 0px 0px 15px; }
#left  {float:left; width:650px; padding:3px 0px 6px 6px; background:#D1E3F0;}
.left  {min-height:500px; background:#ffffff; border:1px solid #a3a3a3; padding:15px 5px 15px 17px; font:14px Arial; line-height:19px}
#right {float:right; width:300px; background:url(pics/bk3.gif) repeat-x #636363; border-top:3px solid #D1E3F0; border-right:6px solid #D1E3F0;}
.right {padding:12px 6px 6px 15px}

#bottom1 {height:60px; background:#b3b3b3; width:956px; text-align:center;margin-left:6px;border-bottom:6px solid #D1E3F0;}
.bottom1 {padding:10px}
#bottom2 {text-align:center; margin:14px}


/* TOP */

#top_abs {position:absolute; width:968px; top:18px; left:50%; margin-left:-485px; clear:both;}

#top {width:100%; clear:both}
.sus {padding-top:3px; width:968px; text-align:center; font:12px Arial; color:#747474;white-space:nowrap;overflow:hidden;clear:both; position:relative; left:50%; margin-left:-485px;}

.toplogo {float:left; height:91px; width:602px; background: url('pics/logo.gif') no-repeat 20px 0px;}
.topbox  {float:right; height:80px; width:364px; margin-top:11px;}
.topbox1 {float:left; height:156px; background: url('pics/m_sep.gif') no-repeat; padding:8px 0px 0px 21px; }
.topbox2 {float:right; height:156px; width:292px; background: url('pics/m_sep.gif') no-repeat; padding:8px 3px 0px 21px;}

.titlu_rpd {font:14px Arial; font-weight:bold; color:#ffffff; margin:auto 0px auto 7px;}
.titlu_rpd:hover {background:#3d3d3d; color:#ffffff; text-decoration:none; }

/* MENIU */

.m       { background:url('pics/m.gif') #EE843B; border:1px solid #515151; border-bottom:1px solid #EE843B; padding:9px 17px 8px 17px; font:15px Arial; font-weight:bold; text-decoration:none; color:#ffffff;margin-right:3px}
.m:hover { color:#3d3d3d}

.m2       { background:url('pics/m2.gif') #616161; border:0px; margin-bottom:1px; padding:9px 17px 8px 17px; font:15px Arial; font-weight:bold; text-decoration:none; color:#ffffff;margin-right:3px}
.m2:hover { background:#414141; color:#ffffff}


/* dev */

form           {display:inline}
hr             {border:0px; color:#848484; background:#848484; height:1px}

a.c1td         {color:yellow}
a.c1td:hover   {color:yellow}

.tm            {border:1px solid #848484}
.tm2           {border:1px solid #848484}
.small         {font:10px arial}
.small:hover   {font:10px arial}
.c1td          {background:#A15149; color:white}
.c2td          {background:#EDDCD3}
.c3td          {background:#eeeeee}
.c4td          {background:#eeeeaa}
.c5td          {background:#ffffff}
.c6td          {background:#dddddd}
.c7td          {background:#f6f6f6}
.c8td          {background:#ededed}
.head          {line-height:18px; font-weight:normal}
.head:hover    {font-weight:normal}
.maxvis        {color:red}
.medvis        {font:9px arial; color:#A52C36}

.t_art         {background:#ffffff}
.t_art_over    {background:#eeeeee}

.font11 {font:11px Arial}
.font12 {font:12px Arial}
.font13 {font:13px Arial}
.font14 {font:14px Arial}
.font15 {font:15px Arial}
.font16 {font:16px Arial}

.h1 { font:22px Arial; color:#FF580F; font-weight:bold; margin:0px;line-height:24px; text-decoration:none}
.h2 { font:18px Arial; margin:0px 0px 5px 0px; line-height:18px; text-decoration:none }
.h3 { font:15px Arial; color:#717171; font-weight:bold; text-decoration:none}

.gri  {color:#616161}
.gri2 {color:#9a9a9a}
.gri3 {color:#525252}
.bleu {color:#7DC0EB}