/* FEUILLE DE STYLE BACK-OFFICE MATANGA V3 MAI 2008 */

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.matanga.eu/top_center.gif');
  }
#header h1 {
  font-size: 22px;
  color: #FFFFFF;
  margin:0;
  padding:0;
  background: url('/img/bo.matanga.eu/top_left.gif') no-repeat;
  text-indent:220px;
  height:72px;
  width:350px;
  padding-top:33px;
  }
#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.matanga.eu/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.matanga.eu/btn_off2.gif');
  text-decoration: none;
  }
#header_right a:hover .logout {
  background: url('/img/bo.matanga.eu/btn_on2.gif');
  text-decoration:none;
  }
#header_pub {
  position:absolute;
  top:50px;
  left:220px;
  }
#footer {
  text-align:center;
  font-size: 10px;
  color: #FFFFFF;
  background: url('/img/bo.matanga.eu/top_center.gif');
  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.matanga.eu/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.matanga.eu/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: #B2D11E;
  color: #FFFFFF;
  }
#center {
  width:100%;
  padding:4px;
  padding-left:0;
  }
#center h1 {
  height: 20px;
  line-height: 20px;
  background: url('/img/bo.matanga.eu/title.gif');
  color: #FFFFFF;
  text-indent:25px;
  font-size: 15px;
  margin-bottom:2px;
  }
#onglet {
  height:20px;
  background: url('/img/bo.matanga.eu/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 , #oa10, #oa11, #oa12, #oa13 {
  color: #FFFFFF;
  text-decoration: none;
  border-right: none;
  background: url('/img/bo.matanga.eu/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, #oa10 a:hover, #oa11 a:hover, #oa12 a:hover, #oa13 a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background: url('/img/bo.matanga.eu/span_hover.gif') right;
  height:20px;
  line-height:20px;
  }
#oa0  {
  color: #000000;
  background: url('/img/bo.matanga.eu/span_on.gif') right;
  }
#span1,#span2, #span3, #span4, #span5, #span6, #span7, #span8, #span9, #span10, #span11, #span12, #span13 {
  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.matanga.eu/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.matanga.eu/btn_on.gif') no-repeat;
  }
#work .btn4 {
  width:27px;
  border:none;
  background: url('/img/bo.matanga.eu/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.matanga.eu/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.matanga.eu/btn8_off.gif') no-repeat;
  }
#work .btn8:hover{
  background: url('/img/bo.matanga.eu/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.matanga.eu/blink.gif');
  text-align:center;
  font-weight:bold;
  color: #FFFFFF;
  height:20px;
  }
.warning2 {
  background: url('/img/bo.matanga.eu/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.matanga.eu/bkg_home_3.jpg');
  }
.new2 {
  background: url('/img/bo.matanga.eu/bkg_home_1.jpg');
  border: 1px solid #B2B2B2;
  color: #FFFFFF;
  }
#news .new2 h3{
  background: url('/img/bo.matanga.eu/title_home_1.jpg') no-repeat;
  }
.new3 {
  background: url('/img/bo.matanga.eu/bkg_home_2.jpg');
  border: 1px solid #B2B2B2;
  color: #FFFFFF;
  }
#news .new3 h3 {
  background: url('/img/bo.matanga.eu/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 h1 {
	font-size: 15px;
	margin-bottom:5px;
	}
#work1 .loc,#popup1 .loc {
  top:103px;
  right:0;
	}
#work1 h2 {
	width:100%;
	margin-top:2px;
	margin-bottom:2px;
	display:block;
	height:16px;
	clear:both;

	}
#work1 p,#popup1 p  {
	margin-top:3px;
	margin-bottom:3px;
	width:100%;
	}
#work1 .tab {
	width:220px;
	float:left;
	}
#popup1 .tab {
	width:200px;
	float:left;
	}
#work1 .tab_l {
	text-align:right;
	width:50%;
	float:left;
	}
#work1 .tab_r {
	text-align:left;
	width:50%;
	margin-left:5px;
	}
#work1 .btn,#work1 .btn_sup, #popup1 .btn, #popup1 .btn_sup {
	text-decoration:none;
	border: 1px solid #044E97;
	width:125px;
	text-align:center;
	color: #044E97;
	background-color: #FFFFFF;
	cursor: pointer;
	}
#work1 .btn_sup,#popup1 .btn_sup  {
	width:16px;
	margin-right:4px;
	}
#work1 .btn_help {
	text-decoration:none;
	border: 1px solid #0FFF0F;
	color : #0FFF0F;
	text-align:center;
	color: #0FFF0F;
	background-color: #FFFFFF;
	cursor: pointer;
	width:16px;
	margin-left:4px;
	margin-right:4px;
	}
#work1 .btn:hover, #work1 .btn_sup:hover,#popup1 .btn:hover,#popup1 .btn_sup:hover  {
	background-color: #044E97;
	color: #FFFFFF;
	}
#work1 .btn_help:hover  {
	background-color: #0FFF0F;
	color: #FFFFFF;
	}
#work1 .ong a,#popup1 .ong {
	width:100%;
	text-align:center;
	display:block;
	text-decoration: none;
	height:16px;
	}
#popup1 .ong {
	background: url('../img/title.gif');
	}
#work1 .form_s,#work1 .form_m,#work1 .form_l,#work1 .form_r,#popup1 .form_vs,#popup1 .form_s,#popup1 .form_m,#popup1 .form_ms, .form_m {
	border: 1px solid gray;
	}
#work1 .form_s:hover,#work1 .form_m:hover,#work1 .form_l:hover,#work1 .form_r:hover,#popup1 .form_vs:hover,#popup1 .form_s:hover,#popup1 .form_m:hover,#popup1 .form_ms:hover {
	background-color: #FFFF9F;
	}
#popup1 .form_vs {
	width:30px;
	}
#work1 .form_s,#popup1 .form_s {
	width:75px;
	}
#work1 .form_ms,#popup1 .form_ms {
	width:105px;
	}
#work1 .form_m,#popup1 .form_m, .form_m {
	width:150px;
	}
#work1 .form_l {
	width:100%;
	}
#work1 .form_r {
	width:60%;
	}
#work1 .cadre, #popup1 .cadre {
	background-color: #F5F5F5;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
#work1 .view {
	border: 2px dotted #666666;
	}
#work1 .high {
	font-weight:bold;
	}
#work1 .comment {
	color: #666666;
	font-style: italic;
	}
#work1 .center,#popup1 .center {
	text-align:center;
	}
#work1 .form_lang,#popup1 .form_lang {
	float:right;
	top:5px;
	right:5px;
	}
#work1 .break {
	clear:both;
	display:block;
	}
#work1 .line_h,#popup1 .line_h {
	background-color: #10B0B0;
	}
#work1 .line_1,#popup1 .line_1 {
	background-color: #A8D2F0;
	}
#work1 .line_2,#popup1 .line_2 {
	background-color: #D9E4EC;
	}
#work1 tr.line_1:hover, #work1 tr.line_2:hover, #work1 p.line_1:hover, #work1 p.line_2:hover,#popup1 tr.line_1:hover, #popup1 tr.line_2:hover  {
	background-color: #FFFF9F;
	} 
#work1 .div_img {
	width:335px;
	margin-left: auto;
	margin-right: auto;
	}
/*--------------manu-------------*/
#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;
	}
#work .work2 {
  width:110px;
  display:block;
  float:left;
  }