/* CSS Document */
html, body { height:100%; }
body {font-size:100%; line-height:1em;
	scrollbar-face-color:#b1b3b4;
scrollbar-base-color:#b1b3b4;
scrollbar-arrow-color:#fc7a00;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#b1b3b4;
scrollbar-highlight-color:#b1b3b4;
scrollbar-3dlight-color:#e3e4e5;
scrollbar-darkshadow-Color:#e3e4e5;
}
html, input, textarea, select
	{	font-family: segoe ui,Tahoma,Comic Sans MS,Arial MT;
		color:#232323;
		vertical-align:top;
		padding:0px;
		text-align:left;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
a img{ border:0px}
img{ vertical-align:top; }
.width{ width:100%}

b{color:#232323; font-size:0.89em; }
span{color:#326EA1;} 
a{color:#fc7a00; text-decoration:none} 
a:hover{text-decoration:underline}
ul{margin:0; padding:0; list-style:none; line-height:22px}
ul li{background:url(../images/0_li.gif)   bottom left no-repeat; margin:0px; }
ul li a{color:#a1a1a1; text-decoration:none; background:url(../images/0_z1.gif)  top left no-repeat; padding-left:20px;} 
ul li a:hover {color:#fc7a00; text-decoration:none; }

.ul1 ul{margin:0; padding:0; list-style:none; line-height:22px}
.ul1 ul li{background:url(../images/0_li.gif)   bottom left no-repeat; margin:0px; }
.ul1 ul li a{color:#fc7a00; text-decoration:none; background:url(../images/0_z2.gif)  top left no-repeat; padding-left:20px;} 
.ul1 ul li a:hover {color:#a1a1a1; text-decoration:none; }

 /*block*/
#block{ background:#ffffff; width:100%; }
#block .tl{ background: url(../images/bg_tl.gif) no-repeat top left }
#block .tr{ background: url(../images/bg_tr.gif) no-repeat top right }
#block .bl{ background: url(../images/bg_bl.gif) no-repeat bottom left }
#block .br{ background: url(../images/bg_br.gif) no-repeat bottom right }
#block .indent_block{ padding:22px 22px 35px 23px; }
 /*block1*/
#block1{ background: url(../images/bg_c.gif) repeat-x top #f5f5f5; width:100%;}
#block1 .tl{ background: url(../images/bg_tl1.gif) no-repeat top left }
#block1 .tr{ background: url(../images/bg_tr1.gif) no-repeat top right }
#block1 .indent_block1{ padding:22px 24px 13px 24px; margin:0px }
 /*block2*/
#block2{ background:#ffffff; width:100%;}
#block2 .tl{ background: url(../images/bg_tl.gif) no-repeat top left }
#block2 .tr{ background: url(../images/bg_tr.gif) no-repeat top right }
#block2 .bl{ background: url(../images/bg_bl.gif) no-repeat bottom left }
#block2 .br{ background: url(../images/bg_br.gif) no-repeat bottom right }
#block2 .indent_block{ padding:22px 22px 15px 23px; }
 /*block3*/
#block3{ background:#ffffff; width:100%;}
#block3 .tl{ background: url(../images/bg_tl.gif) no-repeat top left }
#block3 .tr{ background: url(../images/bg_tr.gif) no-repeat top right }
#block3 .bl{ background: url(../images/bg_bl.gif) no-repeat bottom left }
#block3 .br{ background: url(../images/bg_br.gif) no-repeat bottom right }
#block3 .indent_block{ padding:22px 22px 15px 23px; }


 /*header*/
.flash{ margin:0px 0 0px -40px}

.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}
.clientareatableactive {
	background-color:#FFFFFF;
	background-image:url(images/table_separate.gif);
	background-position:bottom;
	background-repeat:repeat-x;
		color:#656565;
	line-height:1.8;
	vertical-align:top;
	padding:6px;
		text-align: center;

	}



  /*content*/
.bg{ padding:0 0 3px 0; background:url(../images/line.gif) no-repeat top #f5f5f5;}
#content{ font-size:0.75em; }
#content td, .content table{line-height:1.20em;}
#content .indent_main{ padding:4px 3px 3px 4px}
#content p{ margin:7px 0px 7px 0px}
#content .title{ margin:0px 0px 10px 0px; display:block}
#content .title1{ margin:0px 0px 3px 0px; display:block}
#content .more{ margin:17px 0px 13px 0px;}
#content .more1{ margin:10px 10px 13px 0px; padding:0px; float:right}
#content .more2{ margin:0px; padding:0px; float:right}
#content .pic_left{ margin:5px 2px 0px 0px; float:left}
#content .pic_left1{ margin:0px 16px 10px 0px; float:left}
#content .pic_left2{ margin:0px 16px 0px 0px; float:left}
#content .pic{ margin:0px 0px 0px 0px; display:block; float:left}
#content .pic2{ margin:0px 0px 0px 0px; display:block; float:right}
.bann{ position:relative; margin:-2px -26px -28px 5px;}

#content .indent_top{ padding:5px 0px 0 0px}
#content .indent_1{ padding:7px 0px 0px 0px; margin:0px}
#content .indent{ padding:22px 5px 0px 27px; margin-bottom:1px }

.txt{ color:#a0a0a0}
.txt a{ color:#232323; text-decoration:none}
.txt a:hover{text-decoration: underline}

/*block4*/
.c1, .c2,  .c3{ float:left}
.block4 { background:url(../images/li3.gif) repeat-x bottom; padding:4px 0 3px 0px}
.block4 .c1{ width:302px}
.block4 .c2{ width:74px; font-weight:bold; font-size:0.89em;}
.block4 .c3{ width:42px; font-weight:bold; font-size:0.89em;}
.block4 a{ color:#232323; text-decoration:none}
.block4 a:hover{text-decoration: underline}

 /*index.html*/
#page1 #content .col3 .indent2{ padding:0 5px 0 0px}
#page1 #content .col2 .indent{ padding:22px 5px 10px 27px}

/*index-4.html*/
#page5 #content .col2 p{ margin:0px 20px 17px 0px}
	 
/*index-5.html*/

#page6 #block .indent_block{ padding:22px 18px 15px 23px; }
#page6 #content p{ margin:0px 0px 17px 0px}


 /*footer*/
#footer td, .content table{line-height:1.20em;}
#footer{ color:#fc7a00; font-size:0.6875em; font-weight:bold }
#footer p{ margin:13px 0 0px 0px; font-family:Arial; color:#888888; }
#footer .indent{ margin:24px 0 0px 28px}
#footer a{ color:#fc7a00; text-decoration:none}
#footer a:hover{color:#888888; text-decoration: underline}
#footer span a{ color:#888888; text-decoration:underline}
#footer span a:hover{color:#fc7a00; text-decoration:none }
#footer b a{ color:#888888; text-decoration:none; font-size:1.1em }
#footer b a:hover{color:#fc7a00; text-decoration: underline}



input, select{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:10px;
   font-size:1em;
   width:195px; height:18px;
}

.vselect{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:10px;
   font-size:1em;
   width:50px; height:18px;
}
.vselect3{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:10px;
   font-size:1em;
   width:120px; height:18px;
}
.vselect2{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:10px;
   font-size:1em;
   width:100px; height:18px;
}

.checkbox{
   border:0;
    width:15px;
	   margin-bottom:0px;
	height:15px;
}

.ccinput{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:10px;
   font-size:1em;
   width:35px; height:18px;
}

.srinput{
   background:#f5f5f5;
   border:1px solid #000000;
   margin-bottom:10px;
   font-size:1em;
   width:135px; height:18px;
}
.formbutton{background:url(../images/envoyer.gif)   bottom center no-repeat; margin:0px; width:68px; height:22px; border:0px }
.formbutton2{background:url(../images/enr.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton3{background:url(../images/annu.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton4{background:url(../images/supp.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton5{background:url(../images/rech.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton6{background:url(../images/vote.gif)   bottom center no-repeat; margin:0px; width:67px; height:24px; border:0px }
.formbutton7{background:url(../images/ferm.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton8{background:url(../images/detail.gif)   bottom center no-repeat; margin:0px; width:67px; height:24px; border:0px }
.formbutton9{background:url(../images/renv.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton10{background:url(../images/info.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton11{background:url(../images/redir.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton12{background:url(../images/dns.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton13{background:url(../images/retour.gif)   bottom center no-repeat; margin:0px; width:67px; height:24px; border:0px }
.formbutton14{background:url(../images/vrf.gif)   bottom center no-repeat; margin:0px; width:67px; height:24px; border:0px }
.formbutton15{background:url(../images/com.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton16{background:url(../images/cont.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton17{background:url(../images/vld.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton18{background:url(../images/modc.gif)   bottom center no-repeat; margin:0px; width:133px; height:24px; border:0px }
.formbutton19{background:url(../images/modd.gif)   bottom center no-repeat; margin:0px; width:133px; height:24px; border:0px }
.formbutton20{background:url(../images/modp.gif)   bottom center no-repeat; margin:0px; width:133px; height:24px; border:0px }
.formbutton21{background:url(../images/moda.gif)   bottom center no-repeat; margin:0px; width:133px; height:24px; border:0px }
.formbutton22{background:url(../images/vdp.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton23{background:url(../images/trm.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton24{background:url(../images/login.gif)   bottom center no-repeat; margin:0px; width:120px; height:45px; border:0px }
.formbutton25{background:url(../images/msj.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }
.formbutton26{background:url(../images/msj.gif)   bottom center no-repeat; margin:0px; width:170px; height:24px; border:0px }
.formbutton27{background:url(../images/ajt.gif)   bottom center no-repeat; margin:0px; width:103px; height:24px; border:0px }

textarea{
   background:#f5f5f5;
   border:1px solid #dadada;
   margin-bottom:9px;
   font-size:1em;
   width:205px; height:132px;
   overflow:auto}kg1 {
}


.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
position: relative;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/0_z1.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


.border {border: 0px solid #c3c3c3;}
.c3 {background-color: #4475c6; color: #FFFFFF; font-weight: bold; text-decoration: none;} /* blue */
.c3 a {color: #FFFFFF; font-weight: bold;}
.c3 a:hover {color: #FFFFFF; font-weight: bold;}
.c2 {background-color: #F8F8F8;} /* lightgray light */
.c1 {background-color: #F0F0F0;} /* lightgray middle*/
.c4 {background-color: #E1E2E4;} /* lightgray dark */
.c5 {background-color: #a6a6a6;} 
.c6 {background-color: #EEF2F9; color: #003399;}
.c7 {background-color: #E3E4EB;} /* bluegray admin area */
.c8 { background-color: #0C6CBB; color: white; font-weight: bold; }
.c9 { background-color: #acc7ef; }
.smallfont { font-size: 11px; color: #000000; text-decoration: none;}
.smallfont a { font-size: 11px; color: #000000; text-decoration: underline; }
.smallfont a:hover { font-size: 11px; color: #006699; text-decoration: none; }
.smallfont2 { font-size: 9px; color: #A8A8A8; text-decoration: none;}
/* ######### Middle column ######### */


.headers{
border: 1px solid #BBB;
width: 99%;
background: url(../images/chromebg.gif) center center repeat-x;
margin-left: 0;
margin-top: 0px;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 120%;
}

.headers img{
float: right;
margin-right: 5px;
padding-top: 5px;
}


.headers span{
padding: 5px 0;
padding-left: 0;
}

.bar{
background: transparent url(../images/arrowbullet.png) no-repeat center left;
text-decoration: none;

padding-left: 16px;
color: #273565;
}

.headers a:visited, .headers a:active{
color: #273565;
}

.headers a:hover{
color: blue;
}

/* ######### comment ######### */
.commentbox{
background-color: #ececec;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* ######### ham mohamed ######### */
<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>
.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 155px; /* container width*/
background: transparent url(../images/bigshadow.gif) no-repeat bottom right;
float: right;
margin-top: 12px;
margin-left: 6px;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}
<![endif]>

/*ham mohamed CSS Pagination Links*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #fc7a00;
text-decoration: none; 
color: #fc7a00;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #A70303;
color: #A70303;
background-color: #F3F3F3;
}

.pagination a.currentpage{
background-color: #fc7a00;
color: #FFF !important;
border-color: #fc7a00;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.clientarea_icon {
	background-image:url(images/separate.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:10px;
	line-height:1.3;
	padding:10px;
	}

.clientarea_icon a {
	color:#858585;
	}

.clientarea_icon a:hover {
	color:#fc7a00;
	text-decoration:underline;
	}


.style01_footer {
	background-image:url(images/style01_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #dddddd;
	border-top:0px;
	height:30px;
	}
.warning {
	color:#CC0000;
	font-weight:bold;
	line-height:2;
	padding-left:10px;
	}

.errorbox {
	color:#cc0000;
	font-weight:bold;
	text-align:left;
	line-height:1.8;
	padding:10px;
	border:1px solid #cc0000;
	background-color:#FBEEEB;
	margin-left:10px;
	margin-right:10px;
	}
	
	tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #ffffcc;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #ccff99;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #ff9999;
	text-align: center;
}
.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

.cartbox {
	color:#858585;
	border:1px solid #cc9933;
	background-color:#FFFFEA;
	text-align:left;
	line-height:1.8;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	}

.cartbox a	{
	color:#fc7a00;
	}

.cartbox a:hover {
	color:#858585;
	text-decoration:underline;
	}

	.carttable {
	background-color: #cccccc;
	width: 95%;
}

.carttableheading td {
	background-color: #efefef;
	color: #222222;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.carttablesummary td {
	background-color: #efefef;
	color: #222222;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
}

.carttableproduct td {
	background-color: #ffffff;
	color: #555555;
	padding: 4px;
}

.carttableaddon td {
	background-color: #ffffff;
	color: #555555;
	padding: 2px;
	padding-left: 20px;
	padding-right: 20px;
}

.carttableconfig td {
	background-color: #efefef;
	font-size: 9px;
	padding: 2px;
}

.carttabledivider td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.fieldarea {
	background-color: #fafafa;
	font-weight:bold;
	text-align: left;
}