/*****Réalisé par Youssef Lahssini - Bnet Technologies*****/
html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, a, small, strike, strong, sub, sup, bdl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td, hr, object, embed { margin:0; padding:0 }
body { font:400 .75em 'Arial'; line-height:normal; color:#5B5B5B } ul { list-style:none }  a img, fieldset { border:0 } p { margin:0 0 1em } h4 { font-size:1.3em } a { color:#585858; text-decoration:none } a:hover { color:#0BA2DE; text-decoration:underline } fieldset { margin:0 2px 6px; padding:0 .6em }
.left { float:left } .right { float:right } .clear { clear:both } .wayd { width:940px }
/*****Header*****/
#topheader { background-color:#F5F5F5; padding:6px 0 } #topheader img { position:relative; top:1px }
#header { height:3.5em; margin-top:12px } #bnet_technologies a { background:url(../images/bnet_technologies.png) no-repeat; display:block; height:56px; outline:none 0; text-indent:-999em; width:160px } #banner { margin:2em 0 0 } #careers { margin:2px 0 1em }
/*****Menu*****/
#bmenu { width:51em } #bmenu li { float:left } #bmenu li a { background:url(../images/fr/menu.png) no-repeat; display:block; height:37px; margin:1em 0 0 4px; outline:none 0; text-indent:-999em }
#bmenu a.home { background-position:0 -37px; width:75px } #bmenu a.news { background-position:-76px -37px; width:85px } #bmenu a.company { background-position:-162px -37px; width:56px } #bmenu a.services { background-position:-219px -37px; width:89px }#bmenu a.case_studies { background-position:-308px -37px; width:92px } #bmenu a.contact { background-position:-401px -37px; width:80px } #bmenu a.mcareers { background-position:-482px -37px; width:98px }
#bmenu a.home:hover { background-position:0 0 } #bmenu a.news:hover { background-position:-76px 0 } #bmenu a.company:hover { background-position:-162px 0 } #bmenu a.services:hover { background-position:-219px 0 } #bmenu a.case_studies:hover { background-position:-308px 0 } #bmenu a.contact:hover { background-position:-401px 0 } #bmenu a.mcareers:hover { background-position:-482px 0 }
/*****Content*****/
#bcontent { margin-right:18px; width:662px } #bright { width:260px }
.bloc { margin:0 0 2em } .bloc li { background:url(../images/blue_arrow.gif) no-repeat 0 6px; margin:0 0 8px 6px; padding-left:6px }
#services .left, #services .right  { width:320px } .mt { margin:0 0 15px } .mb { margin-top:15px } .middle { border-bottom:1px dotted #DDD; border-top:1px dotted #DDD; padding:15px 0 }
#logos li { background:none !important; display:inline; margin:0 !important; padding:7px 7px 0 !important } #sign-up a { background:url(../images/eng/sign_up.png) no-repeat 0 -59px; display:block; height:59px; margin:10px 10px 0 0; text-indent:-999em; width:151px } #sign-up a:hover { background-position:0 0 }
.new, .case { border-bottom:1px dotted #DDD; margin:0 0 1em; padding:0 0 1em } .new h3, .case h3 { color:#0BA2DE; font-size:2em; font-weight:400 } .new p { color:#777; margin:3px 0 15px 15px } .new .sign { margin:0 !important }
#frmcontact label { clear:both; display:block; float:left; margin:8px 0; width:100px } #frmcontact { width:660px } div.champaera { background:url(../images/bg_textarea.png) no-repeat top; float:left; height:101px; margin:3px 0 0; width:245px }
#frmcontact div.champ { background:url(../images/champ_contact.png) no-repeat top; float:left; width:200px } #frmcontact input.champ { width:180px } #frmcontact textarea.champaera { height:85px; width:225px } #frmcontact small { color:red } #frmcontact .left, #frmcontact .right { width:49% }
.imgcomp { background-color:#C0BFBF; border:3px solid #DDD; margin:0 5px 5px 7px; padding:1px } .subm { width:360px } .subm input { margin:5px 20px 0 0 }
/*****Rightside*****/
div.champ { background:url(../images/champ.png) no-repeat top; float:right; margin:3px 0 0; width:169px } input.champ, textarea.champaera  { background:none; border:0; color:#666; font:400 11px 'Arial'; padding:.6em 0; width:149px } #login label, #frmSS1 label { clear:both; display:block; float:left; margin:8px 0; width:30px } #enter, #join { float:right; margin-right:18px } .sign { color:#0BA2DE; display:block; float:left; margin-left:8px; text-decoration:underline }
.latest { background:url(../images/bg_latest.gif) repeat-x bottom; border:1px solid #CFCFCF; margin:0 0 5px; padding:3px } .latest img { border:1px solid #BFBEBE }
#latest h4 { font-weight:400; text-decoration:none } #latest h4 a:hover { text-decoration:underline } #latest span { color:#777; display:block; margin:0 0 7px }
/*****Case Studies*****/
.case .left { border:3px solid #DDD; height:94px; width:252px } .case img { border:1px solid #C0BFBF }
.case .right { width:392px } .case  p { margin:0 !important } .case .sign { color:#63A107; margin:0 }
/*****Footer*****/
#bfooter { background:#3A3A3A url(../images/bg_footer.gif) repeat-x top; color:#FFF; font-size:1.1em; height:auto; margin-top:15px; padding-top:15px } #bfooter a { color:#FFF }
#copyright { background:url(../images/line_footer.gif) repeat-x top; clear:both; height:36px; padding-top:18px } #copyright li { border-left:1px solid #FFF; display:inline; padding:0 15px } .f { border:0 !important; padding-left:0 !important }
#links { margin:0 0 15px; width:480px } #links .left, #links .right { width:49% }
#testimonials { background:url(../images/quote_last.png) no-repeat right bottom; width:427px } #testimonials p { background:url(../images/quote_first.png) no-repeat left top; font-style:italic; margin:0; padding:0 28px } #testimonials strong { color:#63A107; display:block; font-style:italic; padding-right:3em; text-align:right }
/*****Margins*****/
.mlang { margin:6px 0 0 2em } .mcrt { margin:0 0 1em }
/*****H2s*****/
#title .wayd { background:url(../images/bg_title.jpg) no-repeat; height:77px; margin:2em 0 15px } #title h2 {color:#FFF; font:700 3em Arial; margin:16px 0 0 17px; text-shadow:2px 2px 0 #07749F; }
/*****H3s*****/
.bloc h3 { background:url(/images/fr/title_fr.png) no-repeat; height:23px; text-indent:-999em } .arrowbigline { background:url(../images/arrow_line_big.png) no-repeat; width:662px } .arrowsmalline { background:url(../images/arrow_line_small.png) no-repeat; width:260px } .arrowsmalline, .arrowbigline { height:14px; margin:0 0 5px }
h3#about_bnet_technologies { background-position:0 -8px } h3#our_services { background-position:0 -147px } h3#our_clients { background-position:0 -182px } h3#client_login { background-position:0 -79px } h3#news { background-position:0 -112px } h3#newsletter { background-position:0 -219px } h3#latest_products { background-position:0 -42px }
h3#testimonials_of_our_client { background:url(../images/fr/testimonials_of_our_client.png) no-repeat top; height:19px; margin:0 0 7px; text-indent:-999em; width:206px }