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

body  {font: 100% Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0; background:#FFFFFF; }
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;}
#demande-adsl h4 {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;padding-bottom:3px; border-bottom :solid 3px #E0E0E1;}
#mainContent #new-pl {background: url(../images/guide.gif) no-repeat top; position:absolute; height:100px; width:100px; margin:0 0 0 0;}
#container-top{width: 960px; height:50px;}
#container-top .ad-468{width:468px;height:60px;border:solid 1px #CCCCCC;top: 15px; right:15%;position:absolute;}
#container-top img{width:310px; height:35px;padding:0; margin:5px 0 0 15px;}
#container {width: 960px; height:auto; margin:0 auto auto auto;}
div#top {background:#FFFFFF url(../images/header_bg.jpg) repeat-y;clear:both;color:#FFFFFF;height:250px;overflow:hidden;padding:0;width:auto;}
div#header {width: 960px;  height: 100px;padding:0px;position: relative;z-index: 10;clear: both;}
div#header img {margin:25px 0 5px 0;}
div#tabs {position: absolute;top: 50px;right: 0px;height: 35px;}
div#banner {position: absolute;top: 120px;right: 80px;width: 0px;z-index: 3;}
div#toolbar {position: absolute;top: 3px;right: 0px;z-index: 3;color: #646464;font-size: 11px;}
div#toolbar img {margin-left: 5px;vertical-align: middle;}

/* MESSAGE
-------------------------------------*/
/* ERROR */

.error {height:100%; width:auto; background:url(../images/error.gif) scroll 3px 3px no-repeat; border:#FF0000 solid 1px; margin:10px auto 10px auto; padding:8px 10px 10px 34px; font-size:11px;font-family:Arial,Helvetica,sans-serif;}
.valid {height:100%; width:auto; background:url(../images/valid.gif) scroll 3px 3px no-repeat; border: #00FF00 solid 1px; margin:10px auto 10px auto; padding:8px 10px 10px 34px; font-size:11px;font-family:Arial,Helvetica,sans-serif;}
.info {height:100%; width:auto; background:url(../images/info.gif) scroll 3px 3px no-repeat; border: # F90 solid 1px; margin:10px auto 10px auto; padding:8px 10px 10px 34px; font-size:11px;font-family:Arial,Helvetica,sans-serif;}

#pathway {color:#fff;font-size:11px;font-family:Arial,Helvetica,sans-serif;padding-left:10px;margin-top:230px;}
#pathway a {color:#fff;font-size:11px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;}
#pathway img {margin:1px 5px;}

/* 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 5px 0 0; text-decoration: none; background:  url(../images/fleche_orange-mini.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/fleche_orange-mini.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/fleche_orange-mini.gif) no-repeat 0 0 #fff; color:#fff; text-align:center;}
#sample1 {margin:10px 0 5px 10px;}
#sample1 .info {margin:5px 0 5px 10px;border:solid #CCCCCC 1px;}
#sample1 .contact {margin:5px 0 5px 10px; height:200px; width:320px;background:url(../images/box-bgg.gif) repeat-x top #FFFFFF; border:solid #CCCCCC 1px;}
/* HEADER PANEL
-------------------------------------*/

/* MENU
-------------------------------------*/
.main .menu_recru {float:left;height:auto;width:250px;padding:10px 0 0 10px; background:url(f../images/bg_top_menu_left.jpg) no-repeat left;}
.menu_recru a {color:#2D3542; text-decoration:none;}
.menu_recru a:hover {text-decoration:none; color: #FF6600;}
.menu_recru ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;padding:0;}
.menu_recru ul li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/fleche_orange-mini.gif) no-repeat scroll 0 6px;line-height:180%;padding-left:12px;color:#2D3542;font-family:Arial,Helvetica,sans-serif;font-size:11px; border-bottom:#CCC solid 1px;}
.menu_recru  h4 {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold; background: url(../images/fleche_orange.gif) no-repeat left; padding-left:18px;}
.menu_recru .postuler {padding-top:10px; margin-top:15px; text-align:left !important;}
.menu_recru .postuler img {border:0 none;vertical-align:center;}
.man {border:#ccc 1px solid;}
/* MAIN
-------------------------------------*/
#tabl .main {height:auto;width:960px;display:block;float:left;margin:auto; }
#demande-adsl { margin:20px auto 10px auto; width:630px;}
#list-offre { padding:10px 10px; width:660px; float:right; border-left: solid 1px #CCC;}
#demande-adsl input,select {border:#CCCCCC solid 1px; font-size:11px;font:Verdana, Arial, Helvetica, sans-serif; color:#6D6D6D;}
#demande-adsl input:hover {background:url(../images/hover.gif) repeat-x top;}
#demande-adsl input:focus {background:url(../images/hover.gif) repeat-x top;}
#demande-adsl .valid {height:24px; width:150px ; background: #333333; color: #FFFFFF; margin:15px 0 0 15px;cursor: pointer;}
#demande-adsl .valid:hover {height:24px; width:150px ; background: #000000; color:#FFFFFF; margin:15px 0 0 15px;}
#topbar {height:30px;background:transparent url(../images/topbar-m.png) repeat-x scroll 0 0;}
#topbar {height:30px;margin-left:0;margin-right:5px;}
#topbar2 {height:30px;background:transparent url(../images/topbar-l.png) no-repeat scroll 0 0;}
#topbar2 {height:30px;margin-left:0;}
#topbar3 {height:30px;background:transparent url(../images/topbar-r.png) no-repeat scroll 100% 0;}
#topbar3 {height:30px;margin-right:-5px;position:relative;z-index:1;}
#topbar a, #botbar a {color:#CCCCCC;}
a.home-button-desc {background:transparent url(../images/home.gif) no-repeat scroll 0 50%;margin-left:10px;padding:0 14px 5px 20px; font-size:10px;}
#home-button {background:transparent url(../images/topbar-div.png) no-repeat scroll 100% 35%;left:5px;line-height:25px;position:absolute;top:1px;}
#topbar a:hover, #botbar a:hover {color:#FFFFFF;text-decoration:none;}
#topbar a, #botbar a {color:#CCCCCC;}
a.font-style {background:transparent url(../images/deco1.gif) no-repeat scroll 0 50%;margin-left:10px;padding:0 14px 5px 20px;font-size:10px;}
#font-style-button {background:transparent url(../images/topbar-div.png) no-repeat scroll 0 35%;float:right;line-height:25px;}
#container #mainContent {height:auto; width:960px; background:#FFFFFF;margin:0 0 0 0; display:block; float:left;}

.offre {color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:14px; padding-left:10px;}
.offre h4 {margin-bottom:15px;}
.article h4 {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;padding-bottom:3px;}
.offre span {font-weight:bold;}
.offre p {line-height:16px;margin-bottom:5px;}
.postuler {margin-bottom:20px;margin-top:5px;padding-top:5px;text-align:right;color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:14px;}
.postuler img {border:0 none;vertical-align:middle;}
.postuler span {float:left;}

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

/*--- FORM ADSL DEMANDE --- */
.nom {width: 150px; margin: 10px 0 0 5px;}
.adresse {width: 438px; margin: 10px 0 0 5px;}
.diplo {width:140px; margin:2px 0 0 5px;}
/* --- END FORM ADSL DEMANDE --- */
#footer {display:block;float:left;height:50px;width:940px; padding:10px; border-top: solid 1px #CCC;}
#footer p {text-align: left; color: #333; font-size:11px;font-family:Arial,Helvetica,sans-serif;}
#footer h2 {text-align:left; color:#333; font-size:11px; font-weight:bold;font-family:Arial,Helvetica,sans-serif;}

/* HEADER PANEL*/

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