html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video
{background: none repeat scroll 0 0 transparent;border: 0 none;font-size: 100%;margin: 0;
outline: 0 none;padding: 0;vertical-align: baseline;}
p {color: #7D7D7D; font-size: 12px;line-height: 18px;margin-bottom: 15px;padding-left: 10px; clear:both}
a {background: none repeat scroll 0 0 transparent;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;}
a:hover, a:active {outline: medium none;}
table { border-collapse: collapse;border-spacing: 0;}
.clickable, label, input[type="button"], input[type="submit"], button {cursor: pointer;}
label {padding: 2px;}
/*icon*/
input.icon, .icon {border: medium none;cursor: pointer;display: inline-block; height: 11px;margin: 0 3px;width: 11px;}
.icon span{ display:none}
a.icon.logout{ background: url("../images/actions/logout.png") no-repeat scroll center center transparent;}
a.icon.logout:hover{background: url("../images/actions/hover/logout.png") no-repeat scroll center center transparent;}
a.icon.user{ background: url("../images/actions/person.png") no-repeat scroll center center transparent; width:16px; height:16px; }
a.icon.user:hover{background: url("../images/actions/person.png") no-repeat scroll center center transparent;}
a.icon.edit_2{ background: url("../images/actions/_edit.png") no-repeat scroll center center transparent; width:32px; height:32px; float:right; margin-bottom:15px}
a.icon.edit_2:hover{background: url("../images/actions/hover/_edit.png") no-repeat scroll center center transparent;}
a.icon.add{ background: url("../images/actions/_plus.png") no-repeat scroll center center transparent; width:32px; height:32px; float:right; margin-bottom:15px}
a.icon.add:hover{background: url("../images/actions/hover/_plus.png") no-repeat scroll center center transparent;}
a.icon.addc{ background: url("../images/actions/contact.png") no-repeat scroll center center transparent; width:32px; height:32px; float:right; margin-bottom:15px}
a.icon.addc:hover{background: url("../images/actions/hover/contact.png") no-repeat scroll center center transparent;}
a.icon.add.add_soc{ float:none; margin-bottom:0; vertical-align:bottom}
span.icon.calc{background: url("../images/calc.png") no-repeat scroll center center transparent; width:32px; height:32px; float:right; margin-bottom:15px;float:none; margin-bottom:0; vertical-align:bottom;}
span.icon.calc:hover{background: url("../images/calc_h.png") no-repeat scroll center center transparent;}
a.icon.list{ background: url("../images/actions/_list_bullets.png") no-repeat scroll center center transparent; width:32px; height:32px; float:right; margin-bottom:15px}
a.icon.list:hover{background: url("../images/actions/hover/_list_bullets.png") no-repeat scroll center center transparent;}
a.icon.check{ background: url("../images/actions/check.png") no-repeat scroll center center transparent;}
/* a.icon.check:hover{background: url("../images/actions/hover/check.png") no-repeat scroll center center transparent;}
*/
.icon.check{ background: url("../images/actions/check.png") no-repeat scroll center center transparent;}
/* a.icon.check:hover{background: url("../images/actions/hover/check.png") no-repeat scroll center center transparent;}
*/
a.icon.delete{ background: url("../images/actions/delete.png") no-repeat scroll center center transparent;}
a.icon.delete:hover{background: url("../images/actions/hover/delete.png") no-repeat scroll center center transparent;}
.icon.delete{ background: url("../images/actions/delete.png") no-repeat scroll center center transparent;}
a.icon.edit{ background: url("../images/actions/edit.png") no-repeat scroll center center transparent;}
a.icon.edit:hover{background: url("../images/actions/hover/edit.png") no-repeat scroll center center transparent;}
a.icon.joint{ background: url("../images/actions/piece-jointe.png") no-repeat scroll center center transparent; height:17px; width:9px}
a.icon.joint:hover{background: url("../images/actions/hover/piece-jointe.png") no-repeat scroll center center transparent;}
a.icon.tri{ background: url("../images/actions/tri.png") no-repeat scroll center center transparent; height:8px; width:16px; float:right; margin-top:9px}
a.icon.tri:hover{background: url("../images/actions/hover/tri.png") no-repeat scroll center center transparent;}
a.icon.ok{ background: url("../images/ok.png") no-repeat scroll center center transparent; height:16px; width:17px}
a.icon.nok{ background: url("../images/nok.png") no-repeat scroll center center transparent; height:16px; width:17px}
a.icon.ajout{ background: url("../images/add.png") no-repeat scroll center center transparent; height:25px; width:25px; vertical-align:sub}
div.icon.next{ background: url("../images/actions/br_next.png") no-repeat scroll center center transparent; width:16px; height:16px; margin:0px 20px}
div.icon.next:hover{background: url("../images/actions/hover/br_next.png") no-repeat scroll center center transparent;}
div.icon.prev{ background: url("../images/actions/br_prev.png") no-repeat scroll center center transparent; width:16px; height:16px; margin:0px 20px; display:none;}
div.icon.prev:hover{background: url("../images/actions/hover/br_prev.png") no-repeat scroll center center transparent;}
a.icon.inactive{ background: url("../images/actions/inactive.png") no-repeat scroll center center transparent; cursor:default;}
a.icon.active{ background: url("../images/actions/active.png") no-repeat scroll center center transparent; cursor:default;}
a.icon.customers{ background: url("../images/actions/customers.png") no-repeat scroll center center transparent;}
a.icon.suppliers{ background: url("../images/actions/suppliers.png") no-repeat scroll center center transparent;}
a.icon.customers_t{ background: url("../images/actions/customers.png") no-repeat scroll left center transparent; width:auto; float:left; height:16px; padding-left:20px; cursor:default;}
a.icon.suppliers_t{ background: url("../images/actions/suppliers.png") no-repeat scroll left center transparent; width:auto; float:left; height:16px; padding-left:20px; cursor:default;}
a.icon.inactive_t{ background: url("../images/actions/inactive.png") no-repeat scroll left center transparent; width:auto; float:left; height:16px; padding-left:20px; cursor:default;}
a.icon.active_t{ background: url("../images/actions/active.png") no-repeat scroll left center transparent; width:auto; float:left; height:16px; padding-left:20px; cursor:default;}
/*Form*/
.main-form fieldset { -moz-border-radius: 2.5px 2.5px 2.5px 2.5px; background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #E1E1E1;margin: 0 0 20px;
padding: 20px; position:relative}
.main-form fieldset legend, .main-form fieldset legend.right { -moz-border-radius: 2.5px 2.5px 2.5px 2.5px; background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E1E1E1;padding: 2px 10px; }
.main-form fieldset legend.right{ float:right; position:absolute;right: 46px;top: -42px;}
.main-form fieldset legend a{color: #303030}
.main-form fieldset legend:hover{background: none repeat scroll 0 0 #FBFBFB; }
.main-form label {color: #303030;display: inline-block;margin-right: 10px;padding-right: 10px;width: 170px; cursor:inherit}
.main-form label.focus-in { color: #069CC1;font-weight: bold;}
.main-form input {vertical-align: middle;}
.main-form input[type="text"], .main-form input[type="file"], .main-form input[type="password"], .main-form select, .main-form textarea, .main-form input[type="date"] {
-moz-border-radius: 2.5px 2.5px 2.5px 2.5px;background: none repeat scroll 0 0 #F4F4F4;border: 1px solid #B0B0B0;color: #7D7D7D;
margin-right: 10px;padding: 3px;width: 300px;}
.main-form input[type="text"]:focus, .main-form input[type="file"]:focus, .main-form input[type="password"]:focus, .main-form select:focus, .main-form textarea:focus, .main-form input[type="date"]:focus {
background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #069CC1; color: #666666;}
.main-form input[type="text"]:hover, .main-form input[type="file"]:hover, .main-form input[type="password"]:hover, .main-form select:hover, .main-form textarea:hover, .main-form input[type="date"]:hover {
border: 1px solid #069CC1;}
.main-form select{ width:308px}
.main-form label.value, .main-form label ~ input[type="checkbox"], .main-form label ~ input[type="radio"] { color: #636363; display: inline; font-weight: normal;
padding-right: 10px;}
.main-form label.error {display: inline;}
.main-form input[type="submit"], #popin input[type="submit"]{-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #242424;border: medium none;color: #B0B0B0;height: 30px;line-height: 30px;padding: 1px 10px;}
.main-form input[type="submit"]:hover, #popin input[type="submit"]:hover {
background: none repeat scroll 0 0 #069CC1;color: #FFFFFF;}
.main-form input[type="submit"]:focus, #popin input[type="submit"]:focus {
background: none repeat scroll 0 0 #069CC1;color: #FFFFFF;}
/*****************************************************************************************************************/
body{ background:url("../images/bg_body.png") repeat; color: #636363; font: 13px Ubuntu,Tahoma,sans-serif; margin:0; padding:0}
#main{}
#header, #wrapper_main, #footer{ width:100%}
#header>.section, #wrapper_main>.section, #footer>.section{ margin:0 auto; width:960px}
#header{color: #FFFFFF;height: 17px; padding: 5px 0;}
#header>.section{}
#header>.section #main_controls{ float:right}
/*#header>.section #main_controls a{ margin-top:1px}*/
#main_controls>span{ float:right}
#header ul{ float:right; margin-right:10px}
#header ul li{ background: url(../images/sep_header.jpg) right top no-repeat; float:left; padding:0 20px; height: 17px; float:right; list-style:none}
#header ul li a{ font-weight:bold; font-size:12px; color:#d6d5d5 }
#header ul li a:hover{ font-weight:bold; font-size:12px; color:#fff }
#header ul li.last{ background:none}
#wrapper_main{ background: none repeat scroll 0 0 #FFFFFF; border-color: #E1E1E1 -moz-use-text-color;border-style: dotted none;border-width: 1px medium;
min-height: 550px;min-width: 965px;}
#wrapper_main>.section{margin: 30px auto 40px;}
#wrapper_main>.section #top{margin-bottom: 25px;text-align: right;}
#top h1{color: #636363;display: inline-block;float:left; font-size: 18px;font-weight: lighter;line-height: 18px;}
#top h1 em{color: #069CC1;font-style: normal;font-weight: bold;}
#top #main_nav{display: inline-block;}
#top #main_nav ul li{color: #636363;display: inline-block;font-size: 14px;line-height: 18px;margin: 0 10px 0 0;padding: 5px 10px;text-align:left;text-decoration: none; list-style:none; cursor:pointer; float:right;}
#top #main_nav ul li a{color: #636363; text-decoration:none}
#top #main_nav ul li a:hover{ color:#232323}
#top #main_nav ul li:hover{ color:#232323}
#top #main_nav ul li.last{ margin-right:0;}
#top #main_nav ul li{ position:relative}
#main_nav_sub{ -moz-border-radius: 2.5px 2.5px 2.5px 2.5px;-webkit-border-radius: 2.5px 2.5px 2.5px 2.5px;border-radius: 2.5px 2.5px 2.5px 2.5px;
background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #B0B0B0;display: none;margin-top: 10px; position: absolute;z-index: 25000;
right:-269px; text-align:left; padding: 15px 10px; width:582px;}
#main_nav_sub .visual {background: url("../images/menu-2.png") no-repeat scroll center top transparent;height: 8px;
position: relative;top: -20px;width: 100%;}
#main_nav_sub .section {display: inline-block;vertical-align: top;width: 190px;}
#main_nav_sub .section h2 { background: url("../images/title.png") no-repeat scroll left center transparent; color: #6D6D6D;
margin-bottom: 10px;padding-left: 12px; font-weight:normal}
#wrapper_main>.section #content{}
#content h1{color: #636363;font-size: 15px; margin-bottom: 15px;}
h1 span{ font-size:12px; color:#BBB;}
#content a {text-decoration: none;}
#content .tools{ background: url("../images/bg_body.png") repeat scroll center bottom transparent;color: #C9C9C9;text-align: right;
-moz-border-radius: 2.5px 2.5px 2.5px 2.5px; -webkit-border-radius: 2.5px 2.5px 2.5px 2.5px;border-radius: 2.5px 2.5px 2.5px 2.5px; border: 1px solid #E1E1E1;
font-weight: normal; margin: 0 0 5px;padding: 5px 10px;}
a.ontime, a.critical, a.emergency{ width:24px; height:24px; padding-left:22px; color:#fff;}
a.ontime{ background: url("../images/actions/ontime.png") no-repeat scroll center left transparent;}
/*a.delete:hover{background: url("../images/actions/hover/ontime.png") no-repeat scroll center center transparent;} */
a.critical{ background: url("../images/actions/critical.png") no-repeat scroll center left transparent;}
/*a.critical:hover{background: url("../images/actions/hover/critical.png") no-repeat scroll center center transparent;}*/
a.emergency{ background: url("../images/actions/emergency.png") no-repeat scroll center left transparent;}
/*a.emergency:hover{background: url("../images/actions/hover/emergency.png") no-repeat scroll center center transparent;} */
.tools.pagination{ width:938px; float:left;}
ul#pagination{ float:right; margin:5px 0}
ul#pagination li{font-weight:bold; cursor:pointer; font-size:11px border:#E1E1E1 1px solid; background:#fdfdfd; padding:1px 6px;
float:left; list-style:none; margin:0 2px; color:#636363; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
ul#pagination li:hover, ul#pagination li:hover{ background:#069CC1; color:#fff; }
#content table { -moz-border-radius: 2.5px 2.5px 2.5px 2.5px;-webkit-border-radius: 2.5px 2.5px 2.5px 2.5px;border-radius: 2.5px 2.5px 2.5px 2.5px;
border: 1px solid #E1E1E1;width: 100%;}
#content table tbody tr, #content table thead tr {border-bottom: 1px solid #F3F3F3; color: #636363; }
#content table tbody tr{cursor:pointer; }
#content table tbody tr.groupe{color: #636363;font-size: 15px;background:#ddd; text-align:center}
#content table tbody tr:nth-child(2n+1){ background:#ececec}
#content table tbody tr.red td{background-color:#ffd6db;}
#content table tbody tr.green td{background-color:#d6ffdb;}
#content table tbody tr.blue td{background-color:#d6fdff;}
#content table tbody tr.orange td{background-color:#fffdd6; }
#content table tbody tr:hover td{ background:#069CC1; color:#FFF }
#content table tbody tr.groupe:hover{background:#069CC1; color:#fefefe}
#content table tbody tr.groupe td{font-size: 15px; margin-bottom: 15px; font-weight:bold}
#content table tbody tr td, #content table thead tr td{ text-align:center}
#content table td, #content table th {border-collapse: collapse;border-right: 1px solid #EEEEEE; padding: 4px 0;}
#content table thead th {color: #069CC1; }
#content table.action thead th {background: none repeat scroll 0 0 #FFFFFF;border: medium none;padding-left: 0;
padding-right: 0;text-align: center;border-right: 1px solid #EEEEEE;}
#content table tbody tr td.groupe_store, #content table tbody tr td.topstore{padding:0;}
/* #content table tbody tr td.topstore{ display:none}
*/ #content table tbody tr td.groupe_store.pad{padding:0;}
.table_groupe{ margin-bottom:0}
div.double{ padding-left:10px; }
.statut{ float:left; height:30px; position:relative}
.statut>div{ float:left; color:#303030}
.info_bull{ -moz-border-radius: 0 0 0 0; display: block; left: 63px; padding: 0 0 14px; position: absolute;
top: 17px; width: 150px; z-index: 6000; display:none}
.info_bull .wrapper{ border:3px #7D7D7D solid; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;
background:#fefefe; padding:10px}
.info_bull2{ -moz-border-radius: 0 0 0 0; display: block; left: 63px; padding: 0 0 14px; position: absolute;
top: 17px; width: 150px; z-index: 6000; display:none}
.info_bull2 .wrapper{ border:3px #7D7D7D solid; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;
background:#fefefe; padding:10px}
#box_1, #box_2, #box_3,#box_4{ width:50%; float:left}
#box_3{ width:30%}
#box_4{ width:70%}
#box_1 input[type="text"], #box_1 select{ width:216px}
#box_2 .list, #box_3 .list{ border:#7D7D7D 1px solid; padding:10px; float:left; width:95%; margin-bottom:10px}
#box_2 .list a , #box_3 .list a{ float:right}
#box_3 .list>div{ border-right:#7D7D7D 1px solid;}
#box_3 .historique{ width:275px; margin:0 auto; text-align:}
#content table.email{ }
#content table.email tbody tr:nth-child(2n+1){ background:none}
#content table.email tr, #content table.doc tr{ cursor:default}
#content table.email tr:hover,#content table.doc tr:hover{ background:none; color:#636363;}
#content table.email tr td:first-child{ text-align:left}
#content table.email tr td{ padding:4px}
#content table.histo tbody tr{background:none}
#content table.histo tbody tr{color:#636363;}
#content table.histo tbody tr td.click:hover{ color:#fff; background:#069cc1}
#content table tbody tr.top{ background:#ececec}
#content .send { -moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0 0 #242424; border: 1px solid #E1E1E1;
color: #B0B0B0; height: 30px; line-height: 30px; padding: 5px 10px;}
#content.login{ position:absolute}
#content.login > .section {-moz-border-radius: 2.5px 2.5px 2.5px 2.5px;-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); background: none repeat scroll 0 0 #FFFFFF;
border: 1px dotted #E1E1E1;margin: 0 auto;padding: 15px 15px 0;vertical-align: middle;width: 331px;}
#content.login > .section h1 {color: #636363;}
#content.login > .section h1 em {color: #069CC1;font-style: normal;}
#content.login > .section p {padding: 0;}
#content.login > .section label { width: 76px;}
#content.login > .section input[type="text"], #content.login > .section input[type="password"] {width: 210px;}
#content.login > .section input[type="submit"] {margin-right: 10px;}
#content.login > .section #login-action {height: 0;position: relative;text-align: right; top: 25px;width: 345px;}
#content.login > .section #login-action a {color: #069CC1;margin-right: 10px;}
.main-form label.double{ width:auto}
.main-form p.double input[type="text"]{ width:100px;}
.main-form p.double input.min{ width:20px;}
p.action, .action p { text-align: right;}
p.clear{ margin-left:196px; clear:both}
.main-form input[type="date"], .main-form .select select{ width:150px}
.main-form select#fournisseur{}
p.import{ text-align:center}
p.import input[type="file"]{ width:600px}
.drag{ width:160px; padding:0 10px; border:#000 1px solid; float:right; margin-right:50px}
.drag .btn{ float:left; width:150px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background:#333; color:#fff; margin-top:5px; margin-bottom:5px; padding:5px; text-align:center; cursor:pointer}
.legend{ float:left; background:#FDFDFD; border: 1px solid #CECECE;}
#footer{padding: 10px 0;}
#footer>.section{}
#footer >.section a{color: #969696; display: inline-block;margin: 0 5px 0 0;padding: 0 5px 0 0;text-decoration: none;}
#footer >.section a:hover, #footer >.section a:focus, #footer >.section a.current{color: #069CC1;}
#footer #lang_switcher{ float: right;text-align: right;}
#footer #lang_switcher a{margin-right: 2px;padding-right: 4px;}
/* #footer #lang_switcher a:first-child{ border-right: 1px solid #898989;}
*/
#popin .img{ background:url(../images/trash.png) no-repeat; width:128px; height:128px; margin:10px; float:left }
#popin .img.download{ background:url(../images/download.PNG) no-repeat; margin:25px 15px;}
#popin .text{ margin-top:40px; float:left; max-width:200px;}
#popin p{ text-align:center}
#popin p input[type="submit"]{ margin-right:10px}
.erreur_input{ background:url(../images/erreur.png) no-repeat; width:24px; height:24px; cursor:default;}
.by{cursor: pointer;}
.by_active{color :inherit ; cursor: pointer;background: #069CC1;}
#content table.parent tbody tr{background:#e0ecec; color:#000;}
#content table.parent tbody tr:hover{background:#069CC1; color:#fff;}
.tr_option_tr{ cursor:pointer;}
.tr_option_tr:hover{ background:#69c; color:#FFF;}
#content table tbody tr.active_menu td{background:#047f9d; color:#FFF;}
.ac_reac{background:#000;}
.ac_reac:hover{background:#069CC1;}