/* INFORMATIONS GENERALES */
*													{margin:0px; padding:0px;}
body												{background:url('i-fond.jpg') repeat-x top left #1E2325; text-align:left; font-family:Trebuchet MS, Sans Serif; font-size:12px; font-weight:normal; color:#000000;}
body a												{color:#333333; text-decoration:none;}
body a:hover										{text-decoration:underline;}
body img											{border:0px; text-decoration:none;}
body a img											{border:0px; text-decoration:none;}
body input											{font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
body textarea										{font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
.clear												{clear:both;}

/* ALIGNEMENT ET MISE EN FORME DES TEXTES */
.bold												{font-weight:bold;}
.italic												{font-style:italic;}
.souligne											{text-decoration:underline;}
.left												{text-align:left;}
.center												{text-align:center;}
.right												{text-align:right;}
.justify											{text-align:justify;}
.top												{vertical-align:top;}
.middle												{vertical-align:middle;}
.bottom												{vertical-align:bottom;}
.cliquable											{cursor:pointer;}
.padding10											{height:10px;}

/* BANDEAU SUPERIEUR */
.bandeau											{position:relative; width:1000px; height:auto; padding:13px 0px 8px 0px; margin:auto;}
.bandeau h1.logo									{width:153px; height:48px;}
.bandeau .drop										{position:absolute; top:5px; right:1px; font-size:12px; color:#6C5442; text-align:right;}
.bandeau .drop img									{vertical-align:middle;}
.bandeau .drop select								{vertical-align:middle; width:200px; height:20px; padding:1px; color:#333333; font-family:Arial, Sans Serif; font-size:12px; background:#FFFFFF; border:1px solid #333333; border-bottom:1px solid #999999; border-right:1px solid #999999; font-weight:normal;}
.bandeau .drop select optgroup.group1				{color:#222222; background:#CCCCCC;}
.bandeau .drop select optgroup.group2				{color:#444444; background:#DDDDDD;}
.bandeau .drop #langue								{position:absolute; top:0px; right:201px; padding:0px 2px 5px 2px; border:1px dotted #333333; background:#FFFFFF;}
.bandeau .drop #langue .lien_lng					{height:15px; padding:0px; margin:0px;}
.bandeau .drop #langue .lien_lng img				{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.bandeau .drop #langue .lien_lng img:hover			{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.bandeau .drop #langue .lien_lng img.lng_actif		{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.bandeau .menplus									{position:absolute; bottom:24px; right:1px; font-size:12px; text-align:right; font-weight:bold;}
.bandeau .menplus a									{color:#1E2129; text-decoration:none;}
.bandeau .menplus a img								{vertical-align:middle;}
.bandeau .menplus a span							{text-decoration:underline;}
.bandeau .menplus a:hover							{text-decoration:none;}
.bandeau .menplus a:hover span						{text-decoration:none;}
.bandeau .menplus_sauvegarde						{color:#1E2129; font-weight:bold;}
.bandeau .menplus_sauvegarde a						{color:#1E2129;}
.bandeau .menplus_parametrage						{color:#1E2129; font-weight:bold; padding-right:100px;}
.bandeau .menplus_parametrage a						{color:#1E2129;}
.bandeau .menplus_actif a							{color:#C31011;}
.bandeau .deco										{position:absolute; bottom:4px; right:1px; font-size:12px; color:#6C5442; text-align:right;}
.bandeau .deco img									{vertical-align:top;}

/* STRUCTURE GLOBAL */
.conteneur											{z-index:0; position:relative; width:998px; height:auto; background:#CCCCCC; border:1px solid #9C9D9D; margin:auto; padding:33px 0px;}
.conteneur .writeto									{z-index:0; position:absolute; bottom:7px; right:8px; font-size:12px; color:#3D3D3D; text-align:right;}
.conteneur .writeto a								{z-index:0; color:#3D3D3D; text-decoration:underline;}
.conteneur .writeto a:hover							{z-index:0; text-decoration:none;}
.conteneur .contenu									{z-index:0; position:relative; width:986px; height:auto; min-height:450px; _height:450px; background:#FFFFFF; margin:auto;}
.conteneur .contenu .menu							{z-index:5; position:absolute; top:-27px; left:0px; width:990px; height:auto;}
.conteneur .contenu .menu_plus						{z-index:5; left:3px; width:980px;}
.conteneur .contenu .menu .item						{z-index:10; float:left; color:#FFFFFF; font-weight:bold; text-align:center; font-size:15px; height:22px;}
.conteneur .contenu .menu .item a					{z-index:10; color:#FFFFFF; display:block;}
.conteneur .contenu .menu .item a:hover				{z-index:10; text-decoration:none;}
.conteneur .contenu .menu .item_tdb					{z-index:10; width:136px; background:url('i-menu_tdb.jpg') repeat-x top left #4A4A4A;}
.conteneur .contenu .menu .item_produit				{z-index:10; width:103px; margin-left:5px; background:url('i-menu_produit.jpg') repeat-x top left #002252;}
.conteneur .contenu .menu .item_client				{z-index:10; width:88px; margin-left:5px; background:url('i-menu_client.jpg') repeat-x top left #8B0000;}
.conteneur .contenu .menu .item_commande			{z-index:10; width:143px; margin-left:5px; background:url('i-menu_commande.jpg') repeat-x top left #134A00;}
.conteneur .contenu .menu .item_logistique			{z-index:10; width:105px; margin-left:5px; background:url('i-menu_logistique.jpg') repeat-x top left #CC6E00;}
.conteneur .contenu .menu .item_transport			{z-index:10; width:127px; margin-left:5px; background:url('i-menu_transport.jpg') repeat-x top left #3F0738;}
.conteneur .contenu .menu .item_utilisateur			{z-index:10; width:127px; margin-left:5px; background:url('i-menu_utilisateur.jpg') repeat-x top left #2A1811;}
.conteneur .contenu .menu .item_commercial			{z-index:10; width:122px; margin-left:5px; background:url('i-menu_commercial.jpg') repeat-x top left #01636C;}
.conteneur .contenu .menu .item_sauvegarde			{z-index:10; width:122px; margin-left:5px; background:url('i-menu_sauvegarde.jpg') repeat-x top left #613500;}
.conteneur .contenu .menu .actif					{z-index:10; position:relative; height:27px;}
.conteneur .contenu .menu .actif .ombre				{z-index:5; position:absolute; top:-6px; right:-8px; height:33px; background:url('i-ombre_menu_actif.png') no-repeat top right;}
.conteneur .contenu .menu .actif .ombre_gauche		{z-index:5; position:absolute; top:-6px; left:-5px; width:5px; height:33px; background:url('i-ombre_menu_actif_gauche.png') no-repeat top left;}
.conteneur .contenu .menu .item_tdb .ombre			{z-index:5; width:144px;}
.conteneur .contenu .menu .item_produit .ombre		{z-index:5; width:111px;}
.conteneur .contenu .menu .item_client .ombre		{z-index:5; width:96px;}
.conteneur .contenu .menu .item_commande .ombre		{z-index:5; width:151px;}
.conteneur .contenu .menu .item_logistique .ombre	{z-index:5; width:113px;}
.conteneur .contenu .menu .item_transport .ombre	{z-index:5; width:135px;}
.conteneur .contenu .menu .item_utilisateur .ombre	{z-index:5; width:135px;}
.conteneur .contenu .menu .item_commercial .ombre	{z-index:5; width:130px;}
.conteneur .contenu .menu .item_sauvegarde .ombre	{z-index:5; width:130px;}
.conteneur .contenu .menu .actif_gd					{z-index:10; height:37px;}
.conteneur .contenu .ssmenu							{z-index:0; position:relative; width:970px; height:auto; padding:2px 0px; margin:auto; border-top:10px solid #FFFFFF;}
.conteneur .contenu .ssmenu_produit					{z-index:0; background:#002252;}
.conteneur .contenu .ssmenu_client					{z-index:0; background:#8B0000;}
.conteneur .contenu .ssmenu_commande				{z-index:0; background:#134A00;}
.conteneur .contenu .ssmenu_utilisateur				{z-index:0; background:#2A1811;}
.conteneur .contenu .ssmenu_commercial				{z-index:0; background:#01636C;}
.conteneur .contenu .ssmenu .search					{z-index:0; float:left; width:265px; height:auto; margin:10px 0px 10px 10px;}
.conteneur .contenu .ssmenu .search input			{z-index:0; width:192px; height:21px; padding:1px; font-weight:bold; color:#6B6B6B; font-size:14px; border:0px; background:#FFFFFF;}
.conteneur .contenu .ssmenu .search input.sub_search{z-index:0; width:51px; height:24px; margin-left:10px; text-align:center; font-weight:bold; color:#4D4D4D; font-size:12px; border:0px; background:url('i-bouton_ok.png') no-repeat top left #BFBFBF;}
.conteneur .contenu .ssmenu .onglet					{z-index:0; position:relative; float:right; height:42px; margin-right:10px; margin-left:40px; text-align:center;}
.conteneur .contenu .ssmenu .onglet a				{z-index:10; position:absolute; top:12px; left:0px; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center;}
.conteneur .contenu .ssmenu .onglet a img			{z-index:10; vertical-align:middle;}
.conteneur .contenu .ssmenu .onglet a span			{z-index:10; text-decoration:underline;}
.conteneur .contenu .ssmenu .onglet a:hover			{z-index:10; text-decoration:none;}
.conteneur .contenu .ssmenu .onglet a:hover span	{z-index:10; text-decoration:none;}
.conteneur .contenu .ssmenu .onglet_commercial		{z-index:0; width:167px;}
.conteneur .contenu .ssmenu .onglet_produit			{z-index:0; width:210px;}
.conteneur .contenu .ssmenu .onglet_client			{z-index:0; width:210px;}
.conteneur .contenu .ssmenu .onglet_commande		{z-index:0; width:291px;}
.conteneur .contenu .ssmenu .onglet_utilisateur		{z-index:0; width:232px;}
.conteneur .contenu .ssmenu .onglet_commercial a	{z-index:10; width:167px;}
.conteneur .contenu .ssmenu .onglet_produit a		{z-index:10; width:210px;}
.conteneur .contenu .ssmenu .onglet_client a		{z-index:10; width:210px;}
.conteneur .contenu .ssmenu .onglet_commande a		{z-index:10; width:297px;}
.conteneur .contenu .ssmenu .onglet_utilisateur a	{z-index:10; width:232px;}
.conteneur .contenu .ssmenu .actif img.actif		{z-index:5; position:absolute; top:2px; left:0px;}
.conteneur .contenu .ssmenu .onglet select				{z-index:0; margin-top:12px; width:267px; height:21px; padding:1px; color:#2D631A; font-family:Arial, Sans Serif; font-size:14px; background:#FFFFFF; border:1px solid #2D631A; font-weight:bold;}
.mess_ok											{width:944px; height:auto; margin:auto; padding:10px; color:#006C00; border:2px solid #006C00; background:#A9F4A9; font-weight:bold; font-size:14px; margin-top:5px;}
.mess_ko											{width:944px; height:auto; margin:auto; padding:10px; color:#FF0000; border:2px solid #FF0000; background:#F9D0D0; font-weight:bold; font-size:14px; margin-top:5px;}
input.save_all										{width:222px; height:42px; background:url('i-tout_enregistrer.png') no-repeat top left; border:0px; cursor:pointer;}
.lay_mod											{z-index:99; display:none; position:fixed; top:3%; left:50%; width:600px; margin-left:-300px; height:auto;}
.lay_mod .haut										{z-index:99; position:relative; width:600px; height:15px; background:url('i-layer_modif_haut.png') no-repeat top left;}
.lay_mod .haut img.fermer							{z-index:99; position:absolute; top:10px; right:20px; width:12px; height:12px; cursor:pointer;}
.lay_mod .centre									{z-index:99; width:570px; height:auto; max-height:500px; overflow:auto; overflow-x:hidden; min-height:50px; _height:50px; padding:10px 15px; padding-bottom:10px; background:url('i-layer_modif_centre.png') repeat-y top left; color:#FFFFFF; font-weight:bold;}
.lay_mod .centre .blanc								{z-index:99; width:470px; height:auto; margin:auto; font-size:14px; font-weight:bold; color:#000000; background:#FFFFFF; border:2px solid #000000; text-align:center;}
.lay_mod .centre .blanc .gd							{z-index:99; font-size:18px;}
.lay_mod .centre .blanc .pt							{z-index:99; font-size:18px;}
.lay_mod .centre .erreur							{z-index:99; width:570px; height:auto; font-size:14px; font-weight:bold; color:#FF0000; padding-bottom:10px;}
.lay_mod .centre .valid								{z-index:99; width:570px; height:auto; font-size:14px; font-weight:bold; color:#EEEEEE; padding-bottom:10px;}
.lay_mod .centre .ordre								{z-index:99; width:570px; height:auto; text-align:center; padding-bottom:7px; padding-top:5px;}
.lay_mod .centre .ordre input.ordre					{z-index:99; width:288px; height:20px; text-align:center; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:#BFBFBF; border:1px solid #5B5B5A;}
.lay_mod .bas										{z-index:99; width:600px; height:15px; background:url('i-layer_modif_bas.png') no-repeat top left;}
.formulaire											{z-index:99; width:570px; height:auto;}
.formulaire .expl									{z-index:99; width:570px; height:auto; font-size:12px; font-weight:bold; padding-top:5px; padding-bottom:5px; color:#EEEEEE;}
.formulaire .titre									{z-index:99; width:570px; height:auto; font-size:14px; font-weight:bold; padding-top:5px;}
.formulaire .titre span								{z-index:99; text-decoration:underline;}
.formulaire .titre img								{z-index:99; vertical-align:middle;}
.formulaire .ligne									{z-index:99; width:540px; height:auto; font-size:12px; font-weight:normal; padding:2px 0px; margin-left:30px; list-style-type:none;}
.formulaire .ligne select							{z-index:99; width:198px; height:20px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; background:#F4F4F4; border:1px solid #5B5B5A;}
.formulaire .ligne select.sel_p						{z-index:99; width:118px;}
.formulaire .ligne input							{z-index:99; width:128px; height:16px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; background:#F4F4F4; border:1px solid #5B5B5A;}
.formulaire .ligne input.fr							{z-index:99; background:url('l-fr_o.png') no-repeat 109px 3px #F4F4F4;}
.formulaire .ligne input.en							{z-index:99; background:url('l-en_o.png') no-repeat 109px 3px #F4F4F4;}
.formulaire .ligne input.vn							{z-index:99; background:url('l-vn_o.png') no-repeat 109px 3px #F4F4F4;}
.formulaire .ligne input.file						{z-index:99; width:202px; height:20px;}
.formulaire .ligne input.petit						{z-index:99; width:122px; height:16px;}
.formulaire .ligne input.submit						{z-index:99; width:88px; height:20px; text-align:center; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:#BFBFBF; border:1px solid #5B5B5A;}
.formulaire .ligne input.check						{z-index:99; width:15px; height:15px; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:none; border:0px; vertical-align:middle;}
.formulaire .ligne input.radio						{z-index:99; width:14px; height:14px; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:none; border:0px; vertical-align:middle;}
.formulaire .ligne label.chk_u						{z-index:99; text-decoration:none; border-bottom:1px dotted #FFFFFF;}
.formulaire .ligne select.sel_cat					{z-index:99; width:198px; height:20px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; background:#F4F4F4; border:1px solid #5B5B5A;}
.formulaire .ligne textarea							{z-index:99; width:298px; height:62px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; background:#F4F4F4; border:1px solid #5B5B5A;}
.formulaire .ligne .ajout							{z-index:99; width:516px; height:auto; font-size:12px; font-weight:normal; margin-left:24px;}
.formulaire .ligne img.suppr						{z-index:99; width:16px; height:auto; margin-right:4px; cursor:pointer; vertical-align:middle;}
.formulaire .ligne img.no-clic						{z-index:99; cursor:default; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.formulaire .ligne img.move							{z-index:99; width:16px; height:auto; margin-left:4px; cursor:move; vertical-align:middle;}
.formulaire .ligne .txt								{z-index:99; float:left; width:95px; height:auto; padding:0px; padding-top:2px; text-align:right; margin-right:5px; color:#FFFFFF; font-weight:bold;}
.formulaire .ligne .inp								{z-index:99; float:left; width:205px; height:auto; padding:0px; color:#FFFFFF; font-family:Arial, Sans Serif; font-size:12px; font-weight:bold;}
.formulaire .ligne .inp_souhait						{z-index:99; width:305px;}
.formulaire .ligne .img								{z-index:99; float:left; width:16px; height:auto; padding:0px; padding-top:2px; margin-left:5px;}
.formulaire .ligne_esp								{z-index:99; width:470px; margin-left:100px;}
.formulaire .ligne_esp2								{z-index:99; width:540px; margin-left:0px;}
.formulaire .ligne_esp2 .txt						{z-index:99; width:195px;}
.formulaire .ligne_esp2 .inp						{z-index:99; width:305px;}
.formulaire .ligne_esp2 .calendrier					{z-index:99; display:block; cursor:pointer; width:196px; height:16px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; background:url('p-calendrier.png') no-repeat 181px 2px #F4F4F4; border:1px solid #D9D9D8; border-top:1px solid #5B5B5A; border-left:1px solid #5B5B5A;}
.formulaire .ligne_t								{z-index:99; width:560px; margin-left:10px;}
.formulaire .ligne_t .leg1							{z-index:99; float:left; width:200px; margin-left:26px; padding-top:5px; color:#EEEEEE; font-size:14px; font-weight:bold;}
.formulaire .ligne_t .leg2							{z-index:99; float:left; width:250px; margin-left:4px; padding:0px; padding-top:5px; color:#EEEEEE; font-size:14px; font-weight:bold;}
.formulaire .detail									{z-index:99; width:540px; height:auto; font-size:14px; font-weight:bold; padding:2px 0px; margin-left:30px; list-style-type:none; color:#FF0000; text-align:center;}
.formulaire .submit									{z-index:99; padding-left:100px;}
.formulaire .submit input.submit					{z-index:99; width:201px; height:20px; text-align:center; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:#BFBFBF; border:1px solid #5B5B5A;}
.formulaire textarea								{z-index:99; width:297px; height:70px; padding:1px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; background:#F4F4F4; border:1px solid #5B5B5A; margin-top:5px;}
.formulaire textarea:focus							{z-index:99; background:#F4F4F4; border:1px solid #5B5B5A;}
.formulaire input.submit2							{z-index:99; width:301px; height:20px; text-align:center; padding:0px; color:#5B5B5A; font-family:Arial, Sans Serif; font-size:14px; font-weight:bold; background:#BFBFBF; border:1px solid #5B5B5A; margin-top:5px;}
.formajout											{z-index:99; width:570px; height:auto; margin-top:15px; padding-bottom:10px;}
.navig_to											{width:970px; margin:auto; text-align:right; padding-top:5px; color:#888888; font-weight:bold; font-size:14px;}
.navig_to img										{vertical-align:middle;}
.navig_to span.separ								{padding:0px 10px; color:#333333;}
.navig_to a											{text-decoration:none;}
.navig_to a span									{text-decoration:none;}
.navig_to a:hover									{text-decoration:none;}
.navig_to a:hover span								{text-decoration:underline;}
.navig_to_client a									{color:#8B0000;}
.navig_to_commande a								{color:#134A00;}
.navig_to_produit a									{color:#002252;}
.navig_to_utilisateur a								{color:#2A1811;}
.note_interne										{width:970px; padding-top:10px; padding-bottom:10px;}
.note_interne textarea								{width:970px;}
/* PAGES LISTING */
.no-result											{width:auto; height:auto; min-height:400px; _height:400px; padding:25px; color:#005D98; font-size:18px; font-weight:bold;}
.haut_nav											{position:relative; width:970px; height:auto; margin:auto; margin-top:7px; margin-bottom:10px; color:#000000; font-size:12px; font-family:Arial, Sans Serif; text-align:right;}
.haut_nav .nb_resultat								{color:#FBA500; font-weight:bold; text-align:left; font-size:14px;}
.haut_nav .nb_resultat img							{vertical-align:middle; cursor:pointer;}
.haut_nav .nav_page									{position:absolute; top:0px; right:0px; width:auto; height:auto;}
.haut_nav .nav_page span							{padding:0px 2px; cursor:pointer;}
.haut_nav .nav_page span:hover						{background:#C1C6CE;}
.haut_nav .nav_page span.actif						{background:#DBE0E7; cursor:default;}
.haut_nav .nav_page span.actif:hover				{background:#DBE0E7;}
.haut_nav_C .nb_resultat							{color:#2D631A;}
.haut_nav_C .nav_page								{color:#2D631A;}
.haut_nav_C .nav_page span:hover					{background:#92C580;}
.haut_nav_C .nav_page span.actif					{background:#ECF1EA; cursor:default;}
.haut_nav_C .nav_page span.actif:hover				{background:#ECF1EA;}
.haut_nav_O .nb_resultat							{color:#01636C;}
.haut_nav_O .nav_page								{color:#01636C;}
.haut_nav_O .nav_page span:hover					{background:#BFE7EB;}
.haut_nav_O .nav_page span.actif					{background:#DFF7FA; cursor:default;}
.haut_nav_O .nav_page span.actif:hover				{background:#DFF7FA;}
.legende											{width:970px; margin:auto; height:auto; background:#8B8B8B; color:#FFFFFF; line-height:11px; font-family:Arial;}
.legende .barre_etat								{position:relative; width:950px; padding:10px; height:auto; background:#DBE0E7;}
.legende .barre_etat .itm_etat						{float:left; width:85px; height:auto; padding:4px 0px; border:1px solid #AEB2B7; border-left:0px; background:#F3F3F3; cursor:pointer; color:#012253; font-size:12px; text-align:center;}
.legende .barre_etat .first							{border:1px solid #AEB2B7;}
.legende .barre_etat .actif							{background:#FBA500;}
.legende .barre_etat .devis							{position:absolute; top:-7px; right:6px; color:#333333; font-style:italic; text-align:right;}
.legende .barre_etat .devis input					{width:16px; height:16px; background:none; border:0px; vertical-align:middle;}
.legende .barre_etat .sel							{position:absolute; top:10px;}
.legende .barre_etat .sel select					{width:165px; height:21px; padding:1px; color:#012253; font-family:Arial, Sans Serif; font-size:12px; background:#F9F9F9; border:1px solid #AEB2B7;}
.legende .barre_etat .sel select.actif				{background:#FBA500; font-weight:bold;}
.legende .barre_etat .sel select.actif option		{background:#F9F9F9; font-weight:normal;}
.legende .barre_etat .sel_f							{left:486px;}
.legende .barre_etat .sel_u							{left:661px;}
.legende .barre_etat .sel_u select					{width:125px;}
.legende .barre_etat .sel_c							{left:798px;}
.legende .item										{position:relative; float:left; height:22px; padding-top:4px; padding-left:1px; cursor:pointer; text-align:center;}
.legende .item:hover								{background-color:#9E9D9D;}
.legende .item .tri									{width:100%; height:5px; text-align:center;}
.legende .item .onglet								{display:none; position:absolute; bottom:2px; width:266px; height:82px;}
.legende .item .onglet .ong_tri_b					{float:left; width:131px; height:38px; text-align:left; margin-left:2px;}
.legende .item .onglet .ong_sel_b					{float:left; width:131px; height:38px; text-align:right; margin-right:2px;}
.legende .item .onglet .ong_tri_h					{float:left; width:131px; height:26px; padding-top:12px; margin-left:2px; background:#0088DF; color:#FFFFFF; text-align:center; font-weight:bold;}
.legende .item .onglet .ong_sel_h					{float:left; width:131px; height:38px; margin-right:2px; background:#79C84E; color:#FFFFFF;}
.legende .item .onglet .ong_sel_h select.select		{width:125px; height:20px; padding:1px; margin-left:1px; margin-top:10px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:bold; background:#F4F4F4; border:1px solid #D9D9D8; border-top:1px solid #5B5B5A; border-left:1px solid #5B5B5A;}
.legende .item .onglet .ong_sel_h select.select2	{width:125px; height:18px; padding:0px; margin-left:1px; margin-top:0px; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:bold; background:#F4F4F4; border:1px solid #D9D9D8; border-top:1px solid #5B5B5A; border-left:1px solid #5B5B5A;}
.legende .item .onglet .ong_sel_h .calendrier		{width:122px; height:14px; padding:0px; padding-top:1px; padding-left:1px; margin-left:4px; margin-top:1px; text-align:left; color:#000000; font-family:Arial, Sans Serif; font-size:12px; font-weight:bold;  background:url('p-calendrier.png') no-repeat 107px 0px #F4F4F4; border:1px solid #D9D9D8; border-top:1px solid #5B5B5A; border-left:1px solid #5B5B5A; cursor:pointer;}
.legende .item .onglet .blanc						{background:none;}
.legende .no_hover:hover							{background-color:#8B8B8B; cursor:default;}
.legende .choix_cmd									{width:970px; padding:1px 0px 3px 0px; height:auto; background:#2D631A;}
.legende .choix_cmd .sel							{float:left; width:132.5px;}
.legende .choix_cmd .sel select						{width:124px; height:21px; padding:1px; color:#2D631A; font-family:Arial, Sans Serif; font-size:12px; background:#FFFFFF; border:1px solid #2D631A; font-weight:bold;}
.legende .choix_cmd .sel select optgroup.group0		{color:#3C8740; background:#D7F4D9;}
.legende .choix_cmd .sel select optgroup.group1		{color:#EC6F00; background:#F0D8C3;}
.legende .choix_cmd .sel select optgroup.group2		{color:#003C8E; background:#D8E4F3;}
.legende .choix_cmd .sel select.actif				{background:#67A253; font-weight:bold; color:#FFFFFF;}
.legende .choix_cmd .sel select.actif option		{background:#67A253; font-weight:normal; color:#FFFFFF;}
.legende .choix_cmd .sel_d							{width:252px; margin-left:1px;}
.legende .choix_cmd .sel_d select					{width:101px;}
.legende .choix_cmd .sel_c							{width:135px;}
.legende .choix_cmd .sel_c select					{width:124px;}
.legende .choix_cmd .sel_p							{width:202px;}
.legende .choix_cmd .sel_p select					{width:193px;}
.legende .choix_cmd .sel_u							{width:122px;}
.legende .choix_cmd .sel_u select					{width:111px;}
.legende .choix_cmd .sel_a							{width:121px;}
.legende .choix_cmd .sel_a select					{width:110px;}
.legende .choix_cmd .sel_e							{width:130px;}
.legende .choix_cmd .sel_e select					{width:124px;}
.legende_C											{background:#2D631A;}
.legende_C .item									{height:15px; margin:2px; padding-top:2px; padding-left:1px; border:1px solid #2D631A; text-align:left;}
.legende_C .item:hover								{border:1px solid #91AE88; background-color:#91AE88;}
.legende_C .item .tri								{position:absolute; right:3px; top:3px; width:11px; height:11px;}
.legende_C .filtre									{border:1px solid #91AE88;}
.legende_C .no_hover:hover							{background-color:#2D631A; border:1px solid #2D631A; cursor:default;}
.legende_O											{background:#01636C;}
.legende_O .item:hover								{background-color:#50ADBA;}
.legende_O .no_hover:hover							{background-color:#01636C; cursor:default;}
.legende_O .barre_etat								{position:relative; width:950px; padding:15px 10px; height:auto; background:#DBE0E7;}
.legende_O .barre_etat .sel							{position:absolute; top:5px;}
.legende_O .barre_etat .sel select					{width:165px; height:21px; padding:1px; color:#01636C; font-family:Arial, Sans Serif; font-size:12px; background:#F9F9F9; border:1px solid #01636C;}
.legende_O .barre_etat .sel select.actif			{background:#50ADBA; font-weight:bold; color:#FFFFFF;}
.legende_O .barre_etat .sel select.actif option		{color:#50ADBA; font-weight:normal; background:#FFFFFF;}
.legende_O .barre_etat .sel_c						{left:210px;}
.legende_O .barre_etat .sel_c select				{width:205px;}
.legende_O .barre_etat .sel_s						{left:425px;}
.legende_O .barre_etat .sel_s select				{width:265px;}
.legende_O .barre_etat .sel_a						{left:739px;}
.legende_O .barre_etat .sel_a select				{width:153px;}
.legende_O .barre_etat .sel_e						{left:896px;}
.legende_O .barre_etat .sel_e select				{width:69px;}
.tableau											{position:relative; width:970px; margin:auto; height:auto; background:none; color:#000000; font-size:14px; font-family:Arial;}
.tableau .ligne										{position:relative; width:970px; margin:auto; height:auto; padding:6px 0px; background-color:#FFFFFF;}
.tableau .ligne .fleche								{display:none; position:absolute; top:4px; left:-20px; width:16px; height:16px;}
.tableau .ligne .item								{float:left; height:auto; cursor:pointer; text-align:left; padding-left:1px;}
.tableau .ligne .item a								{color:#000000; display:block;}
.tableau .ligne .item a:hover						{text-decoration:none;}
.tableau .ligne .item a.linkto						{color:#1BA400; display:block; text-decoration:underline;}
.tableau .ligne .item a.linkto:hover				{text-decoration:none;}
.tableau .ligne .item a.petit						{font-size:10px;}
.tableau .ligne .item img							{vertical-align:middle;}
.tableau .ligne .item span.actif_ok					{text-decoration:underline; color:#0039AD; font-size:12px;}
.tableau .ligne .item span.actif_ko					{text-decoration:underline; color:#E90000; font-size:12px;}
.tableau .ligne .link								{color:#8B0000;}
.tableau .ligne .link a								{color:#8B0000;}
.tableau .ligne .right								{text-align:right;}
.tableau .ligne .center								{text-align:center;}
.tableau .ligne .supp_l								{display:block; position:absolute; top:3px; right:-7px; width:16px; height:16px; cursor:pointer;}
.tableau .ligne:hover .fleche						{display:block;}
.tableau .ligne .bi_img								{position:relative; float:left; width:128px; height:auto;}
.tableau .ligne .bi_img img.vendu					{position:absolute; top:0px; left:0px;}
.tableau .ligne .bi_txt								{float:right; width:860px; height:auto; padding-top:5px;}
.tableau .ligne .bi_txt a							{color:#4B4B4B; display:block;}
.tableau .ligne .bi_txt a:hover						{text-decoration:none;}
.tableau .ligne .bi_txt a span						{color:#000000; font-weight:bold;}
.tableau .ligne .bi_txt .prop						{padding-top:8px;}
.tableau .ligne .bi_txt .prop span					{color:#000000; font-weight:bold;}
.tableau .ligne .bi_txt .error_prop					{color:#FF0000; font-weight:bold;}
.tableau .ligne:hover								{background-color:#AAC6FF;}
.tableau .ligne1									{background-color:#FFFFE1;}
.tableau .ligne2									{background-color:#F7F7F7;}
.tableau_C											{font-size:18px;}
.tableau_C .ligne									{border:1px solid #2D631A; margin-top:3px; width:968px;}
.tableau_C .ligne span.ita							{font-style:italic; font-weight:normal; font-size:11px; color:#000000; line-height:12px;}
.tableau_C .ligne .date								{line-height:14px; padding-top:4px;}
.tableau_C .ligne .date span.ita					{font-style:italic; font-weight:normal; font-size:11px; color:#000000; line-height:12px;}
.tableau_C .ligne .date span.red					{color:#FF0000;}
.tableau_C .ligne .vert								{color:#2D631A;}
.tableau_C .ligne .vert a							{color:#2D631A;}
.tableau_C .ligne .vert span.ita					{font-style:italic; font-weight:normal; font-size:11px; color:#000000; line-height:12px;}
.tableau_C .ligne .petit							{font-size:16px; padding-top:1px; line-height:18px;}
.tableau_C .ligne .usine							{font-size:12px; padding-top:4px; font-weight:bold;}
.tableau_C .ligne .rouge							{color:#C70025; font-size:12px; padding-top:4px; font-weight:bold;}
.tableau_C .ligne .rouge span.attente				{color:#2360D8; font-size:10px; font-style:italic; font-weight:normal;}
.tableau_C .ligne .rouge span.attente img			{vertical-align:middle;}
.tableau_C .ligne .rouge a							{color:#C70025;}
.tableau_C .ligne .gris								{color:#919191;}
.tableau_C .ligne .gris a							{color:#919191;}
.tableau_C .ligne:hover								{background-color:#FFCF29;}
.tableau_C .ligne1									{background:#F5F5F5;}
.tableau_C .ligne2									{background:#F5F5F5;}
.tableau_C .ligne3									{background:#DED8D8;}
.tableau_C .ligne3:hover							{background-color:#EDCC5A;}
.tableau_C .ligne .fact								{position:absolute; top:9px; right:8px; width:70px; height:auto; text-align:right; color:#2D631A; font-size:9px;}
.tableau_C .ligne .fact input						{width:16px; height:16px; background:none; border:0px; vertical-align:middle;}
.tableau_O .ligne .date								{line-height:14px; padding-top:4px;}
.tableau_O .ligne .vert								{color:#01636C;}
.tableau_O .ligne .vert a							{color:#01636C;}
.tableau_O .ligne .bleu								{color:#093C41;}
.tableau_O .ligne .bleu a							{color:#093C41;}
.tableau_O .ligne .gris								{color:#919191;}
.tableau_O .ligne .gris a							{color:#919191;}
.tableau_O .ligne:hover								{background-color:#8AD0D7;}
.tableau_O .ligne1									{background:#DFF7FA;}
.tableau_O .ligne2									{background:#C9E8EB;}
.tableau_client										{font-size:11px;}
.pas-de-resultat									{width:970px; margin:auto; height:auto; font-size:14px; font-weight:bold; color:#FF0000;}
.nb_par_page										{position:relative; width:970px; margin:auto; height:auto; margin-top:5px; margin-bottom:0px; color:#000000; font-size:12px; font-family:Arial, Sans Serif; text-align:right;}
.nb_par_page span									{padding:0px 2px; border:1px solid #DDDDDD; cursor:pointer;}
.nb_par_page span:hover								{background:#C1C9D3;}
.nb_par_page span.actif								{background:#E8EBEF; border:1px solid #173562;}
.nb_par_page span.actif:hover						{background:#E8EBEF;}
.nb_par_page_C										{color:#2D631A;}
.nb_par_page_C span:hover							{background:#92C580;}
.nb_par_page_C span.actif							{background:#ECF1EA; border:1px solid #2D631A;}
.nb_par_page_C span.actif:hover						{background:#ECF1EA;}
.nb_par_page_O										{color:#01636C;}
.nb_par_page_O span:hover							{background:#BFE7EB;}
.nb_par_page_O span.actif							{background:#DFF7FA; border:1px solid #01636C;}
.nb_par_page_O span.actif:hover						{background:#DFF7FA;}
.pied_nav											{width:970px; margin:auto; height:auto; margin-top:25px; padding-bottom:25px;}
.pied_nav .prec										{float:left; width:419px; height:auto; font-weight:bold; color:#C8C8C8; font-family:Arial, Sans Serif; font-size:12px; padding-top:10px;}
.pied_nav .prec_b									{width:334px;}
.pied_nav .mili										{float:left; width:140px; height:auto; padding:10px 0px; font-weight:normal; color:#000000; font-family:Arial, Sans Serif; font-size:11px; cursor:pointer; text-align:center; border:1px solid #173562; background:#E8EBEF;}
.pied_nav .mili img									{vertical-align:middle;}
.pied_nav .suiv										{float:right; width:219px; height:auto; font-weight:bold; color:#C8C8C8; font-family:Arial, Sans Serif; font-size:12px; text-align:right; padding-top:10px;}
.pied_nav .suiv a, .pied_nav .prec a				{color:#173562;}
.pied_nav_C .mili									{border:1px solid #2D631A; background:#ECF1EA;}
.pied_nav_C .suiv a, .pied_nav_C .prec a			{color:#2D631A;}
.pied_nav_O .mili									{border:1px solid #01636C;}
.pied_nav_O .suiv a, .pied_nav_O .prec a			{color:#01636C;}

/* PAGE DES PARAMETRAGES*/
.param_produit										{width:930px; background-color:#032555; border:1px dotted #cccccc; padding:20px; margin-right:auto; margin-left:auto;}
.param_produit a									{text-decoration:none; color:white; font-size:12px;}
.param_produit a:hover								{text-decoration:none;}
.param_produit span									{padding-top:2px; margin-left:3px;}
.param_produit img									{text-decoration:none; vertical-align:top;}
.param_produit h2									{color:white; font-weight:bold; font-size:20px; padding-bottom:10px;}
.param_produit p									{padding-bottom:5px;}
.param_commande										{width:930px; background-color:#21560e; border:1px dotted #cccccc; padding:20px; margin-right:auto; margin-left:auto; margin-top:20px;}
.param_commande a									{text-decoration:none; color:white; font-size:12px;}
.param_commande a:hover								{text-decoration:none;}
.param_commande span								{padding-top:2px; margin-left:3px;}
.param_commande img									{text-decoration:none; vertical-align:top;}
.param_commande h2									{color:white; font-weight:bold; font-size:20px; padding-bottom:10px;}
.param_commande p									{padding-bottom:5px;}
.param_utilisateur									{width:930px; background-color:#452e1c; border:1px dotted #cccccc; padding:20px; margin-right:auto; margin-left:auto; margin-top:20px;}
.param_utilisateur a								{text-decoration:none; color:white; font-size:12px;}
.param_utilisateur a:hover							{text-decoration:none;}
.param_utilisateur span								{padding-top:2px; margin-left:3px;}
.param_utilisateur img								{text-decoration:none; vertical-align:top;}
.param_utilisateur h2								{color:white; font-weight:bold; font-size:20px; padding-bottom:10px;}
.param_utilisateur p								{padding-bottom:5px;}
.gauche_groupe										{width:251px; float:left;}
.milieu_groupe										{width:130px; float:left; padding-right:18px;}
.titre_vitesse										{text-align:center;}
.droite_groupe										{width:130px; float:left;}
.liste_etape										{margin-top:15px; padding-right:18px;}
.liste_etape .nom_etape								{height:22px; text-align:right; padding-top:3px;}
.enregistrement 									{text-align:center; color:#FFFFFF; padding-top:15px;}


/* SUIVI DES COMMANDES*/
.contenu_suivi										{width:100%;}
.contenu_suivi h1									{margin:auto; text-align:center;}
.contenu_suivi table								{border:1px solid black; border-collapse:collapse; font-size:9px; background-color:#F9F9F9;}
.contenu_suivi td									{border:1px solid black; padding:4px;}
.contenu_suivi .hover_gris:hover					{background-color:#898989; color:white;}

/* LAYER DE CHARGEMENT */
#loading 											{display:none; z-index:98; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#chargement											{display:none; z-index:99; position:fixed; top:10px; right:10px; width:250px; height:40px; background-color:#FFFFFF; text-align:center; border:3px solid #969696; padding-top:7px; font-size:18px; font-weight:normal; color:#848484;}
#chargement img										{border:0px; vertical-align:middle;}

/* COPYRIGHT */
.copyright											{width:1000px; margin:auto; text-align:right; color:#FFFFFF; font-size:10px; font-family:Verdana, Sans Serif; padding-top:10px; padding-bottom:5px; font-weight:bold;}
.copyright a										{color:#FFFFFF; text-decoration:underline;}
.copyright a:hover									{text-decoration:none;}

.fake-select 										{height: 19px; background: #fff; border: 1px solid #eee; width: 236px; margin-left: 1px; position: relative; overflow: hidden; z-index: 99;}
div.ligne-fake-select								{height: 15px; background: #fff; width: 228px; padding: 4px; display: block; color: #000;line-height: 15px; cursor: pointer;}
.img-order 											{position: absolute; top: -7px; right: -3px; cursor: pointer;}
.nb-weeks											{position: absolute; top:19px; bottom: 0; left: -2px; right: 0; overflow-y: scroll; overflow-x:hidden; height: 250px; width: 238px; border: 1px solid #666;}
.btns-fakeselect									{position: absolute; top: 271px; left: -2px; background: #fff; width: 238px; height: 40px; border: 1px solid #666;}
.btn-fakeselect 									{border: 1px solid #2D631A; background: #ECF1EA; border-radius: 3px; padding: 2px 5px; margin: 10px 30px; cursor: pointer;}
div.actif-fake-select								{background:#67A253 !important; font-weight:bold; color:#FFFFFF !important;}
.entete_suivi 										{position: fixed;width: 100%;background: #fff; top: 0;}
.top-margin-suivi									{margin-top: 96px;}