/* FEUILLE DE STYLE BACK-OFFICE STORE-FACTORY V3 OCTOBRE 2006 */

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  }
pre {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-left: 4px;
  }
html, form, ul, li, p, span, body, input, select, textarea, h1, h2, h3, a, td, dl, dt, dd, tr, td {
  margin: 0;
  padding: 0;
  }
ul {
  list-style-type: none;
  }
a {
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
td  {
  vertical-align:top;
  }
#conteneur {
  width:98%;
  /* Tout sauf IE MAC \*/
  width:100%;
  /* Fin Hack IE MAC */
  }
#header {
  height: 100px;
  background: url('/img/bo.comegraph.net/top_center.gif');
  }
#header h1 {
  font-size: 25px;
  color: #EE1A2C;
  margin:0;
  padding:0;
  background: url('/img/bo.comegraph.net/top_left.gif') no-repeat;
  text-indent:225px;
  height:82px;
  width:350px;
  padding-top:27px;
  }
#header a {
  color: #FFFFFF;
  }
#header_right {
  position:absolute;
  top:18px;
  width:100%;
  text-align:right;
  }
#header_right a.url{
  margin-right:4px;
  padding-left:40px;
  padding-top:4px;
  width:305px;
  height:22px;
  display:block;
  background: url('/img/bo.comegraph.net/top_url.gif');
  text-align:left;
  float:right;
  }
#header_right .logout {
  margin-top:20px;
  margin-right:4px;
  width:118px;
  height:18px;
  display:block;
  font-weight:bold;
  font-size: 11px;
  clear:both;
  float:right;
  padding-left:22px;
  padding-top:4px;
  text-align:center;
  text-indent:0;
  color: #FFFFFF;
  }
#header_right a.logout {
  background: url('/img/bo.comegraph.net/btn_off2.gif');
  text-decoration: none;
  }
#header_right a:hover .logout {
  background: url('/img/bo.comegraph.net/btn_on2.gif');
  text-decoration:none;
  }
#header_pub {
  position:absolute;
  top:50px;
  left:220px;
  }
#footer {
  text-align:center;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #EE1A2C;
  padding-top:4px;
  padding-bottom:4px;
  clear:both;
  }
#menu_contener {
  width:158px;
  height:300px;
  padding:4px;
  }
#menu dt, .menu_general {
  cursor: pointer;
  width:127px;
  margin: 2px 0;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  background: url('/img/bo.comegraph.net/menu.gif');
  color: #000000;
  padding-left:25px;
  margin-top:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  }
.menu_general {
  background: url('/img/bo.comegraph.net/title.gif');
  }
#menu dd {
  border: 1px solid gray;
  margin-bottom:2px;
  width:150px;
  }
#menu li {
  background: #FFFFFF;
  }
#menu li a, #menu dt a,#menu li p,.menu_general a {
  color: #000;
  text-decoration: none;
  display: block;
  border: 0 none;
  height:14px;
  text-indent: 4px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  }
.menu_general a {
  color: #FFFFFF;
  text-indent: 0;
  }
#menu li p {
  color: #999999;
  }
#menu li a:hover, #menu dt a:hover {
  background: #FFAB2F;
  color: #FFFFFF;
  }
#center {
  width:100%;
  padding:4px;
  padding-left:0;
  }
#center h1 {
  height: 20px;
  line-height: 20px;
  background: url('/img/bo.comegraph.net/title.gif');
  color: #FFFFFF;
  text-indent:25px;
  font-size: 15px;
  margin-bottom:2px;
  }
#onglet {
  height:20px;
  background: url('/img/bo.comegraph.net/span.gif');
  }
#work_tab ul {
  height:20px;
  line-height:20px;
  }
#work_tab li {
  float:left;
  height:20px;
  line-height:20px;
  width:75px;
  display:block;
  }
#oa0 ,#oa1 ,#oa2 , #oa3 , #oa4 , #oa5 , #oa6 , #oa7 , #oa8 , #oa9 {
  color: #FFFFFF;
  text-decoration: none;
  border-right: none;
  background: url('/img/bo.comegraph.net/span_off.gif') right;
  font-size: 11px;
  height:20px;
  line-height:20px;
  border-left: 1px solid gray;
  display:block;
  padding-left:4px;
  }
#oa0 a:hover,#oa1 a:hover,#oa2 a:hover, #oa3 a:hover, #oa4 a:hover, #oa5 a:hover, #oa6 a:hover, #oa7 a:hover, #oa8 a:hover, #oa9 a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background: url('/img/bo.comegraph.net/span_hover.gif') right;
  height:20px;
  line-height:20px;
  }
#oa0  {
  color: #000000;
  background: url('/img/bo.comegraph.net/span_on.gif') right;
  }
#span1,#span2, #span3, #span4, #span5, #span6, #span7, #span8, #span9 {
  display:none;
  }
#work {
  border: 1px solid gray;
  padding-top:4px;
  }
#work p {
  display:block;
  margin-bottom:4px;
  margin-left:4px;
  }
#work .content {
  margin-right:270px;
  }
#work .content p, #work .content td {
  font-size: 12px;
  }
#work .help {
  width:250px;
  background-color: #FFFFDD;
  padding: 4px;
  margin-left:4px;
  margin-right:4px;
  border: 1px solid gray;
  float:right;
  }

#work .help p {
  margin-bottom: 5px;
  font-size: 11px;
  margin-right:0; 
  }
#work .help h3 {
  margin-bottom: 5px;
  text-align: center;
  font-size: 12px;
  }
#work .help a {
  font-size: 10px;  
  }
#work a {
  color: #000000;
  }
#work .view {
  border: 2px dotted #666666;
  }
#work .alert {
  color:red;
  font-weight:bold;
  }
#work .comment {
  color: #666666;
  font-style: italic;
  }

#work .btn1,#work .btn2,#work .btn3,#work .btn9 {
  width:140px;
  border:none;
  background: url('/img/bo.comegraph.net/btn_off.gif') no-repeat;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 10px;
  cursor: pointer;
  padding-left:0px;
  padding-top:5px;
  height:17px;
  /* Tout sauf IE MAC \*/
  padding-top:0;
  padding-left:22px;
  height:22px;
  /* Fin Hack IE MAC */
  } 
  
#work .btn1:hover,#work .btn2:hover,#work .btn3:hover,#work .btn9:hover {
  background: url('/img/bo.comegraph.net/btn_on.gif') no-repeat;
  }
#work .btn4 {
  width:27px;
  border:none;
  background: url('/img/bo.comegraph.net/trash_off.gif') no-repeat;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 10px;
  cursor: pointer;
  padding-left:0px;
  padding-top:5px;
  height:17px;
  /* Tout sauf IE MAC \*/
  padding-top:0;
  padding-left:22px;
  height:22px;
  /* Fin Hack IE MAC */
  } 
  
#work .btn4:hover {
  background: url('/img/bo.comegraph.net/trash_on.gif') no-repeat;
  }

#work .btn2 {
  margin-bottom:4px;
  display:block;
  }
#work .btn3 {
  vertical-align:top;
  }
#work .btn9 {
  text-align:center;
  }
#work .btn_group {
  width:144px;
  vertical-align:top;
  height:100px;
  }
#work .btn8 {
  width:27px;
  height:22px;
  border:none;
  color: #FFFFFF;
  font-size: 9px;
  background: url('/img/bo.comegraph.net/btn8_off.gif') no-repeat;
  }
#work .btn8:hover{
  background: url('/img/bo.comegraph.net/btn8_on.gif') no-repeat;
  }
#work .form0,#work .form1,#work .form2,#work .form3,#work .form4,#work .form5,#work .form6,#work .form7,#work .form8 {
  border: 1px solid gray;
  }
#work .form0:hover,#work .form1:hover,#work .form2:hover,#work .form3:hover,#work .form4:hover,#work .form5:hover,#work .form6:hover,#work .form7:hover,#work .form8:hover {
  background-color: #EEEEEE;
  }
#work .form0 {
  width:30px;
  }
#work .form1 {
  width:80px;
  }
#work .form2 {
  width:40%;
  }
#work .form3 {
  width:120px;
  }
#work .form4 {
  width:98%;
  }
#work .form5 {
  width:220px;
  }
#work .form6 {
  width:240px;
  font-size: 9px;
  }
#work .form7 {
  width:185px;
  }
#work .form8 {
  width:98%;
  font-size: 9px;
  }
#work .form9 {
  margin-left:2px;
  }
#work .work1 {
  width:250px;
  display:block;
  float:left;
  }
#work .break {
  clear:both;
  }
#work .end{
  clear:both;
  }
.form_lang {
  position:absolute;
  top:103px;
  right:0;
  }
.table_1 {
  width:100%;
  }
.table_1 td {
  border: 1px solid #000000;
  }
.col1 {
  width:10%;
  }
.col2 {
  width:45%;
  }
.col3 {
  width:45%;
  }
.row_header {
  background-color:#EEEEEE;
  }
.warning {
  background: url('/img/bo.comegraph.net/blink.gif');
  text-align:center;
  font-weight:bold;
  color: #FFFFFF;
  height:20px;
  }
.warning2 {
  background: url('/img/bo.comegraph.net/blink2.gif');
  color: #FFFFFF;
  height:20px;
  }
#home_table td {
  border:1px solid;
  vertical-align:midle;
  text-align:center;
  }
#home_table {
  margin-left:4px;
  border:1px solid;
  float: left;
  width:98%;
  }
#stat_01, #stat_02, #stat_03, #stat_04, #order {
  margin-left:4px;
  } 
#stat_01 td{
  margin: 0;
  padding: 0;
  text-align:right;
  color:#000000;
  font-weight: normal;
  font-family: Arial;
  font-size: 8pt;
  width: 95px;
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  }
#stat_01 .col7{
  border-right:1px solid #000000;
  }
#stat_01 .footer td {
  border-bottom:1px solid #000000;
  }
#stat_01 .header td {
  text-align:center;
  background-color: #E8E8EA;
  }
.even {
  background-color: #EEEEEA;
}

#stat_02 td{
  margin: 0;
  padding: 0;
  text-align:right;
  color:#000000;
  font-weight: normal;
  font-family: Arial;
  font-size: 10px;
  width: 47px;
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  }
#stat_02 .col1,#stat_02 .col2,#stat_02 .col3,#stat_02 .col4,#stat_02 .col5{
  text-align:center;
  }
#stat_02 .col14{
  border-right:1px solid #000000;
  }
#stat_02 .footer td {
  border-bottom:1px solid #000000;
  background-color: #E8E8EA;
  }
#stat_02 .footer .col1 {
  text-align:left;
  font-size: 8pt;
  font-weight: bold;
  }
#stat_02 .header td {
  text-align:center;
  background-color: #E8E8EA;
  font-size: 8pt;
  }
#stat_03 td{
  margin: 0;
  padding: 0;
  text-align:right;
  color:#000000;
  font-weight: normal;
  font-family: Arial;
  font-size: 10px;
  width: 47px;
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  }
#stat_03 .col1{
  text-align:center;
  }
#stat_03 .col7{
  border-right:1px solid #000000;
  }
#stat_03 .footer td {
  border-bottom:1px solid #000000;
  background-color: #E8E8EA;
  }
#stat_03 .footer .col1 {
  text-align:left;
  font-size: 8pt;
  font-weight: bold;
  }
#stat_03 .header td {
  text-align:center;
  background-color: #E8E8EA;
  font-size: 8pt;
  }
#stat_04 td{
  margin: 0;
  padding: 0;
  text-align:left;
  color:#000000;
  font-weight: normal;
  font-family: Arial;
  font-size: 9px;
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  }
#stat_04 .header td {
  background-color: #E8E8EA;
  }
#news p {
  margin-bottom: 5px;
  font-size: 10px;
  margin-right:0; 
  }
#news a {
  color: #FFFFFF;
  }
#news h3 {
  height:37px;
  padding-left:42px;
  text-align: left;
  font-size: 18px;
  padding-top :8px;
  }
#news img {
  border: none;
  }
.new1 {
  background: url('/img/bo.comegraph.net/bkg_home_3.jpg');
  }
.new2 {
  background: url('/img/bo.comegraph.net/bkg_home_1.jpg');
  border: 1px solid #B2B2B2;
  color: #FFFFFF;
  }
#news .new2 h3{
  background: url('/img/bo.comegraph.net/title_home_1.jpg') no-repeat;
  }
.new3 {
  background: url('/img/bo.comegraph.net/bkg_home_2.jpg');
  border: 1px solid #B2B2B2;
  color: #FFFFFF;
  }
#news .new3 h3 {
  background: url('/img/bo.comegraph.net/title_home_2.jpg') no-repeat;
  }
#order table{
  width:98%;
  }
#order td{
  margin: 0;
  padding: 0;
  text-align:right;
  color:#000000;
  font-weight: normal;
  font-family: Arial;
  font-size: 8pt;
  width: 95px;
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  }
#order .col4{
  border-right:1px solid #000000;
  }
#order .col1{
  width:75%;
  text-align:left;
  text-indent:4px;
  }
#order .footer td {
  border-bottom:1px solid #000000;
  }
#order .header td {
  text-align:center;
  background-color: #E8E8EA;
  }
#popup_home td {
            border:1px solid;
            height:12px;
            width:12px;
            background-color:#AAAAAA;
            }
#popup_home table {
            border:1px solid;
            height:34px;
            width:36px;
            float:left;
            margin-right:4px;
            margin-bottom:4px;
            }
#popup_home .master_tab {
            width:660px;
            }
#popup_home td.tabmaster1 {
            width:60px;
            background-color:#F8F8F8;
            }
#popup_home td.tabmaster2 {
            width:40px;
            background-color:#F8F8F8;
            padding-top:4px;
            padding-left:4px;
            }
#popup_home td.tabmaster3 {
            width:290px;
            background-color:#F8F8F8;
            padding-top:4px;
            padding-left:4px;
            }
#popup_home td.tabmaster4 {
            width:260px;
            background-color:#F8F8F8;
            padding-top:4px;
            padding-left:4px;
            }
#menu_home p.title {
  font-weight:bold;
  }
#menu_home p.soon {
  color: #999999;
  }
#work1 .tab0 {
	width:34 px;
	float:left;
	}
#work1 .tab1 {
	width:120px;
	float:left;
	}
#work1 .tab2 {
	width:120px;
	float:left;
	padding-left:21px;
	}
#work1 .tab3 {
	width:70px;
	float:left;
	Text-align:right;
	}
#work1 .tab4 {
	width:90px;
	float:left;
	text-align:right;
	padding-right:5px;
	}
#work1 .tab5 {
	width:180px;
	float:left;
	}
#work1 .tab6 {
	width:150px;
	float:left;
	}
#work1 .tab7 {
	width:100px;
	float:left;
	}