/*################# (c)Planet Tunisie style ######################
  ## 	Version : 0.1b											##
  ## 	Coder : khoubaib										##
  ##                    										##
  #################### (c)2009 | SIP TEAM ########################
*/

body  {font: 100% Verdana, Arial, Helvetica, sans-serif;background: #EBEBEB ; margin: 0;padding: 0; }
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}
h2, h3, h5{font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #6D6D6D;}
h3 { font-size:11px;margin:10px 0 0 10px; padding: 0 0 0 5px;}
h5 { font-size:11px;margin:10px 0 0 10px; padding: 0 0 0 5px; font-weight: bold;}
ul {list-style: none;margin: 0;padding: 0;}
li {background: none;margin: 0;padding: 0;display: inline;}
#mainContent #new-pl {background: url(../images/guide.gif) no-repeat top; position:absolute; height:100px; width:100px; margin:0 0 0 0;}
#header-menu a.deconex {
background:transparent url(../images/deco_.gif) no-repeat scroll 0 60%;
display:inline;
float:right;
margin:0 10px 0 0;
padding-left:20px;
color: #353535;
font-size: 11px;
}
#header-menu a.refresh {
background:transparent url(../images/refresh.gif) no-repeat scroll 0 60%;
display:inline;
float:right;
padding-left:20px;
color: #353535;
font-size: 11px;
}
#header-menu {
position:absolute;
	display:block;
	width:200px;
	height:20px;
	top:20px;
	right:180px;
}
#container-top{width: 970px; height:40px;}
#container-top img{width:310px; height:35px; z-index:1; padding:0; margin:0 0 0 15px;}
#container {width: 970px; height:auto; margin:5px auto auto auto;}
/* MENU PANEL*/
#container-top ul{display:block;width:500px;height:40px;position:absolute;top:20px;right:170px;color:#FFFFFF;}
#container-top ul li{ width:90px;float:right;font:12px/25px "Trebuchet MS",Arial, Helvetica, sans-serif;text-align:center; margin:0 10px 0 0; text-decoration: none; background:url(../images/button1.gif) no-repeat 0 0 ; color:#FFFFFF;}
#container-top ul li a{width:90px; height:25px; display:block; padding:0; color:#fff; text-decoration:none; text-align:center; font-weight:bold;}
#container-top ul li a:hover{width:90px; display:block;height:25px; text-decoration:none; background:url(../images/button.gif) no-repeat 0 0 #fff; color:#fff; text-align:center; background-color:#FFFFFF;}
#container-top ul li.active{width:90px; display:block; height:25px; background:url(../images/button1.gif) no-repeat 0 0 #fff; color:#fff; text-align:center;}
/* HEADER PANEL*/


/* LOGIN BOX */
#logo-login{ width: 350px;margin:50px auto 10px auto;}
#logo-login img{width:310px; height:35px; z-index:1; padding:0; margin:auto auto auto 20px;}
#container-login img{width:118px; height:25px; margin:5px 0 0 4px; border: 1px solid #CCCCCC;}
#container-login { width: 350px;background:url(../images/box-bgg.gif) repeat-x top #FFFFFF; margin:5px auto auto auto;border: 1px solid #CCCCCC;text-align: left;}
#container-login #new {background: url(../images/new_v2.gif) no-repeat top; position:absolute; height:60px; width:52px;}
/* -- CNX TABLE --*/
#login{background:url(../images/bac-entete.gif) repeat-x top;height:40px;width:auto;}
#container-login .table-login {margin:10px 0 0 10px;}
.bg-login{margin-left:4px;width: 209px;height: 24px;background-image: url(../images/gb-login.gif);}
.bg-login .login-box{margin: 4px 2px 0 22px;border: none;background: none;width: 183px;}
.bg-pass{margin-left:4px;width: 209px;height: 24px;background-image: url(../images/gb-pass.gif);}
.bg-pass .pass-box{margin: 4px 2px 0 22px;border: none;background: none;width: 183px;}
.bg-code{margin-left:4px;width: 120px;height: 24px;background-image: url(../images/gb-code.gif);}
.bg-code .code{margin: 4px 2px 0 22px;border: none;background: none;width: 94px;}
#container-login .connexion {border: none;width: 111px;height: 32px;background:url(../images/cnx.gif) no-repeat;font-weight: lighter;font-size: 11px; color:#FFFFFF; margin:5px 0 0 0;}
/* -- END CNX TABLE --*/
#login-menu { width:235px;margin:0;padding: 5px 0;float:right;color: #353535;text-transform: capitalize;}
#login-menu ul {margin: 0;padding: 0;list-style: none;}
#login-menu li {display: inline;}
#login-menu a {display: block;float: left;padding: 0 5px 1px 5px;background: url(../images/vline.gif) no-repeat left 50%;text-decoration: none;font-size: 11px;color:#6D6D6D;}
#login-menu a:hover {text-decoration: underline;}
#login-menu .active a {padding-left: 0;}
#footer-login-shadow_r {height:25px; width:300px; background: url(../images/shadowr_b.jpg) no-repeat bottom; margin:0 auto auto auto;}
#footer-login { height:20px;width:300px; margin:0 auto auto auto}
#copie {margin:0 0 0 auto;float:left;clear: both;font-size: 11px;color: #6D6D6D;}
#copie a {color: #0094E0;}
/* END LOGIN BOX */




/*--- MAIN ----*/

#container #mainContent {height:auto; width:920px;background:url(../images/box-bgg.gif) repeat-x top #FFFFFF; margin:0 0 0 0; display:block; float:left;}
#container #footer-shadow {height:25px; width:300px; background: url(../images/shadowl_b.jpg) no-repeat bottom; display:block; float: right; margin: 0 25px 0 0;}
#container #footer-shadow_r {height:25px; width:300px; background: url(../images/shadowr_b.jpg) no-repeat bottom; display:block; float: left; margin: 0 0 0 25px;}
#container #news-shadow {height:10px; width:300px; background: url(../images/news_l_b.jpg) no-repeat bottom; display:block; float: right; margin: 0 0 0 0;}
#container #news-shadow_r {height:10px; width:300px; background: url(../images/news_r_b.jpg) no-repeat bottom; display:block; float: left; margin: 0 0 0 0;}
/*--- END MAIN ---*/

/* HEADER PANEL*/
#mainContent #headerPanelfast{width:246px;height:263px;padding:0px;background:url(../images/orange-normal.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
#mainContent #headerPanelsecond{width:246px;height:263px;padding:0px;background:url(../images/green-normal.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
#mainContent #headerPanelthird{width:246px;height:263px;padding:0px;background:url(../images/blue-normal.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
/**********/
#mainContent #headerPanelfast1{width:246px;height:180px;padding:0px;background:url(../images/blue-nc.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
#mainContent #headerPanelsecond1{width:246px;height:180px;padding:0px;background:url(../images/green-fac.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
#mainContent #headerPanelthird1{width:246px;height:180px;padding:0px;background:url(../images/orange-info.jpg) no-repeat 0 0 #FC5F00;color:#fff;}
#apDiv1 {display:block;float:left;background:url(../images/shadowl.jpg) top no-repeat;width:25px;height:315px;}
#apDiv2 {display:block;float: right;background:url(../images/shadowr.jpg) top no-repeat;width:25px;height:315px;}
#apDiv3 {display:block;float:left;background:url(../images/shadowl.jpg) top no-repeat;width:20px;height:315px;}
#apDiv4 {display:block;float: right;background:url(../images/shadowr.jpg) top no-repeat;width:20px;height:315px;}
/* FOOTER PANEL*/
#table { margin:10px 0 0 75px; text-align:center; width:800px;}
#tabl {margin: 10px 0 25px 75px; width: 780px; height:auto; }
#tabl2 {margin: 0 0 0 0; text-align:center; width: 920px; height:30px;}
/* FOOTER PANEL*/
/* --- FOOTER --- */
#footer { height:50px;width:920px; margin:0 0 10px 10px; display:block;float:left;}
#copie {margin:5px 0 0 20px;float:left;clear: both;font-size: 11px;color: #6D6D6D;}
#copie a {color: #0094E0;}
#footer-menu { width:400px;margin:10px 0 0 10px;float:left;color: #353535;text-transform: capitalize;}
#footer-menu ul {margin: 0;padding: 0;list-style: none;}
#footer-menu li {display: inline;}
#footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;background: url(../images/vline.gif) no-repeat right 50%;text-decoration: none;font-size: 11px;color: #6D6D6D;}
#footer-menu a:hover {text-decoration: underline;}
#footer-menu .active a {padding-left: 0;}
/*----------------------------*/
#footer-menu2 { width:190px; height:150px;margin:70px 0 0 20px;padding: 5px 0 0 5px;float: left;color: #ffffff;}
#footer-menu2 ul {margin: 0;padding: 0;list-style: none; color:#FFFFFF;}
#footer-menu2 li {display: list-item;color:#FFFFFF;}
#footer-menu2 a {display: block;float: left;padding: 1px 15px 1px 15px;background: url(../images/bullet.gif) no-repeat left 50%;text-decoration: none;font-size: 11px;color: #FFFFFF;}
#footer-menu2 a:hover {text-decoration: underline;}
#footer-menu2 .active a {padding-left: 0;}

#footer a.w3c-valid {
background:transparent url(../images/validfooter.gif) no-repeat scroll 0 50%;
display:inline;
float:right;
margin:9px 12px 0 0;
padding-left:20px;
color: #353535;
font-size: 11px;
}

/* --- END FOOTER --- */
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}