@charset "utf-8";

/** LAYOUT **/
#main, .menuZone, .subMenuZone { width:85%; min-width:720px;/*720px;*/ _width:720px; margin:0 auto; }
#loginZone { width:340px; margin:0 auto; }
#loginZone, #main { background:#fff; }
#loginZone { border:3px solid #393939; }
.contentZone { padding:10px; margin-top:35px; }
.contentZone.trace { margin-top:70px; }
/** GENERIC STYLE **/
html {  font:normal normal 62.5% Arial, Helvetica, sans-serif; color:#444; }
body { /*background:url(img_css/bg.jpg) no-repeat center top #484848;*/ font-size:1.2em; line-height:15px; color:#333; font-family:Arial, Helvetica, sans-serif; }
button { font-family:Arial, Helvetica, sans-serif; background:#e9e9e9; }
/* HEADING ELEMENTS */
h1 {font:normal 1.8em Arial, Helvetica, sans-serif; margin:0 0 20px; border:1px solid #d2d1d1; border-width:0 0 1px; padding:0 0 3px;}
h2 {font-size:1.4em; margin:0 0 10px; font-weight:bold;}
h3 {font-size:1.2em; font-weight:normal; margin:0 0 10px;}
.alignRight { text-align:right; }
.msg_info { padding:8px 10px; background:#ffffad; border:1px solid #edee9d; text-align:center; font-size:11px; }

strong { font-weight:bold; }

/* Messages */
.msg { position:relative; padding:7px 9px 6px 30px; margin-bottom:10px; }
.msg .picto { background:url(img_css/pto_msg.png) no-repeat; display:block; width:20px; height:20px; position:absolute; top:4px; left:5px; text-indent:-99999px; }
.msg p { margin-bottom:0px; }
.msg.warning { background:#ffe1e1; color:#d00000; }
.msg.warning .picto {  background-position:0 -20px; }
.msg.info { background:#f4f4f4; color:#564b4a; }
.msg.info .picto { background-position:0 0; }
.msg.valid { background:#e3f6e5; color:#564b4a; }
.msg.valid .picto { background-position:-20px 0; }
.msg_loading { background:#e6ebf2; padding:10px; color:#476BA1; }
.msg_loading img { float:left; margin:0 10px 0 0; }
.msg_loading p { margin-bottom:0px; }

.right { float:right; }
.left { float:left; }

pre { font-size:12px; background:#ffffad; padding:10px 5px; margin:5px 0 5px 5px; }

a { color:#476ba1; }
p { margin-bottom:10px; }

.hidden { display:none !important; }

label { display:inline-block; font-weight:bold; }
input { background-color:#fff; display:inline-block; border:1px solid #cccccc; border-top:1px solid #999; font-size:12px; padding:5px; width:195px; }
input:-webkit-autofill { background-color:#fff; }
input:focus { border:1px solid #4a4a4a; border-top:1px solid #2b2b2b;  }

button { background:#f4f4f4 url(img_css/bg_menu_button.gif) repeat-x bottom; cursor:pointer; border:1px solid #9a9a9a; -moz-border-radius:4px; border-radius:4px; border:1px solid #a6a6a6; text-shadow:1px 1px 1px #fff; }
button:hover { text-shadow:none; color:#fff; background:#787878; background-image:none; }

/**  LOGIN PAGE  **/
#loginZone { margin-top:40px; padding:10px 20px 20px; }
#loginZone h1 { margin:0 0 10px 0; }
#loginZone h1 strong { display:block; }
#loginZone .msg_info, #loginZone .msg_warning { margin:0 0 10px 0; }
#loginZone ul { overflow:hidden; zoom:1; margin:0 0 10px 0; }
#loginZone ul li { margin:0 0 10px 0; }
#loginZone label { vertical-align:middle; padding:0 0 0 10px; width:110px; }
#loginZone input { vertical-align:middle; }

/**  HOME PAGE **/
#main { border-width:0 3px 3px 3px; margin-bottom:20px; }

.menuWrap { background:url(img_css/bg_menu.gif) repeat-x bottom #cfcfcf; z-index:10; -moz-box-shadow:0 -1px 2px 2px #222222; -webkit-box-shadow:0 -1px 2px 2px #222222; box-shadow:0 -1px 2px 2px #222222; position:fixed; width:100%; top:0px; left:0px; }
.menuZone { height:25px; padding:5px 10px; }
.menuZone a { text-decoration:none; color:#222; }
.menuZone ul li { float:left; height:24px; }
.menuZone .button { background:#f4f4f4 url(img_css/bg_menu_button.gif) repeat-x bottom; border-radius:4px; -moz-border-radius:4px; border:1px solid #a6a6a6; text-shadow:1px 1px 1px #fff; zoom:1; }
.menuZone .button:hover { text-shadow:none; color:#fff; background:#787878; background-image:none; }
.menuZone ul li a.button { border-width:1px 1px 1px 0; border-width:1px 1px 1px 0; -moz-border-radius:0px; border-radius:0px; float:left; }
.menuZone a.button span { padding:4px 5px 3px 25px; float:left; cursor:pointer; }
.menuZone ul li:first-child a { border-width:1px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
.menuZone ul li:last-child a { -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
.menuZone .right { width:370px; text-align:right; }
.menuZone .right .user { float:left; width:230px; overflow:hidden; font-size:10px; line-height:11px; color:#444; padding:0 0 5px 5px; }
.menuZone .right .user a { color:#646464; }
.menuZone .right .user a:hover { text-decoration:underline; }
.menuZone .right .user strong { text-shadow:1px 1px 0px #ebebeb; display:block; font-weight:normal; color:#6b6b6b; }
.menuZone .right .button { float:right; }
.menuZone .btn_home span { background:url(img_css/btn_menuzone.png) no-repeat 0 0; _background:url(img_css/btn_menuzone.gif) no-repeat 0 0; }
.menuZone .btn_doc span { background:url(img_css/btn_menuzone.png) no-repeat 0 -24px; _background:url(img_css/btn_menuzone.gif) no-repeat 0 -24px; }
.menuZone .btn_traces span { background:url(img_css/btn_menuzone.png) no-repeat 0 -48px; _background:url(img_css/btn_menuzone.gif) no-repeat 0 -48px; }
.menuZone .btn_logout span { background:url(img_css/btn_menuzone.png) no-repeat 0 -72px; _background:url(img_css/btn_menuzone.gif) no-repeat 0 -72px; }

.subMenuWrap { margin-top:35px; background:#666; position:fixed; width:100%; top:0px; left:0px; }
.subMenuZone { padding:10px 0; color:#fff; overflow:hidden; zoom:1; }
.subMenuZone li { float:left; }
.subMenuZone a { background:#444; border-radius:3px; padding:3px 6px; text-decoration:none; color:#fff; margin:0 5px; font-size:14px; zoom:1; }
.subMenuZone a:hover,
.subMenuZone a.active { background:#fff; color:#444; border-radius:3px; }

table { width:100%; font-size:11px; text-align:center; }
table a { color:#333333; }

table tbody th { font-weight:normal; }
/* THEAD */
thead { background-color:#f4f4f4; background:-moz-linear-gradient(top, #f4f4f4 0%, #e8e8e8 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e8e8e8));}
thead th { padding: 10px 5px; }
table.default thead th {border:1px solid #dbdbdb; border-bottom-color:#7c7c7c; border-width:0 0 2px 1px; color:#333; }
table.Prod thead th {border:1px solid #dbdbdb; border-bottom-color:#7ea1dc; border-width:0 0 2px 1px; }
table.Recette thead th {border:1px solid #dbdbdb; border-bottom-color:#ee7b1b; border-width:0 0 2px 1px; }
thead th { text-align:center; font-weight:bold; border:1px solid #dbdbdb; border-bottom-color:#ee7b1b; border-width:0 0 2px 1px; }
thead th:first-child {border-left-width:0;}

tbody td:first-child {border-left-width:0;}

/* TBODY */
tbody {}
tbody tr:hover {background-color:#e1ecff;}
tbody th {font-weight:normal;}
/* row */
th,
td {border:1px solid #e8e8e8; padding:5px; vertical-align:top; border-left-color:#f3f3f3; border-width:0 0 1px 1px;}

/* last table row */
tbody:last-child tr:last-child th,
tbody:last-child tr:last-child td {border-bottom-width:0;}

/****************************************************************
 * TABLE TABLESORTER
 ***************************************************************/
table.tablesorter thead tr .header { background-image: url(img_css/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right:20px; }
table.tablesorter thead tr .headerSortUp { background-image: url(img_css/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(img_css/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #fff; }

.tableWrap { margin:0 0 30px 0; border:1px solid #dbdbdb; border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; }

.contentZone.home table { text-align:left; }
.contentZone.home table th,
.contentZone.home table td { text-align:left; vertical-align:middle; }
.contentZone.home thead th { padding:5px; }
.contentZone.home table tbody td { border:none; }
.contentZone.home table .even td, .contentZone table .even th { background:#efefef; }
.contentZone.home table .odd td, .contentZone table .odd th { background:#f9f9f9; }
.contentZone.home table tbody .project { width:140px; font-size:14px; border:1px solid #dbdbdb; border-width:0 1px 0 0; }
.contentZone.home table .syncFtp,
.contentZone.home table .deliverSite { width:150px; font-size:11px; color:#909090; font-weight:normal; text-align:center; }
.contentZone.home table .downloadTs { width:30px; }
.contentZone.home table td.type span { padding:4px 0 4px 25px; display:block; }
.contentZone.home table td .typ_catalog { background:url(img_css/ico_type.png) no-repeat 0 0; _background:url(img_css/ico_type.gif) no-repeat 0 0; }
.contentZone.home table td .typ_booking { background:url(img_css/ico_type.png) no-repeat 0 -24px; _background:url(img_css/ico_type.gif) no-repeat 0 -24px; }
.contentZone.home table td .typ_b2b { background:url(img_css/ico_type.png) no-repeat 0 -48px; _background:url(img_css/ico_type.gif) no-repeat 0 -48px; }
.contentZone.home table td .typ_default { background:url(img_css/ico_type.png) no-repeat 0 -72px; _background:url(img_css/ico_type.gif) no-repeat 0 -72px; }
.contentZone.home table td .button { padding:3px 10px 2px; height:15px; border:1px solid #a6a6a6; font-weight:bold; text-decoration:none; display:block; border-radius:4px; -moz-border-radius:4px; border:1px solid #a6a6a6; }
.contentZone.home table td .button acronym { background:url(img_css/arrow.png) no-repeat center center; _background:url(img_css/arrow.gif) no-repeat center center; width:20px; display:inline-block; text-indent:-30000px;}
.contentZone.home table td .btn_lite { background:url(img_css/bg_btnTable.gif) repeat-x 0 0; border:1px solid #a6a6a6; color:#545454; }
.contentZone.home table td .btn_lite:hover { background:url(img_css/bg_btnTable.gif) repeat-x 0 -20px; }
.contentZone.home table td .btn_dark { background:url(img_css/bg_btnTable.gif) repeat-x 0 -40px; border:1px solid #a6a6a6; color:#fff; }
.contentZone.home table td .btn_dark:hover { background:url(img_css/bg_btnTable.gif) repeat-x 0 -60px; }
.contentZone.home table td .btn_download { background:url(img_css/btn_download.png) no-repeat; _background:url(img_css/btn_download.gif) no-repeat; display:block; width:24px; height:22px; text-indent:-30000px; }

.rootChoice { margin-bottom:30px; }
.rootChoice li { margin:0 0 10px 0; }
.rootChoice li input { width:100px; margin: 0 10px; }

.footer { padding:10px; }