*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

body { background:#f9f9f9 url(../images/bg.jpg) repeat-x center top; }

.titre { display: none; }

#global { width:980px; margin:0 auto; padding:10px 0; }
#global .hidden { display:none; margin-left:-10000px; }

#header { width:980px; height:76px; position:relative; }
#header h1 { float:left; padding:0; }
#header h1 a { display:block; width:250px; height:50px; background:url(../images/new_logo.gif) no-repeat 0 0; }

#header ul { position:absolute; bottom:0px; left:0; height:28px; }
#header ul li { float:left; height:28px; }
#header ul li a { display:block; height:28px; }
#header ul li.mn_home a { width:164px; background:url(../images/mn_home.gif) no-repeat 0 0; }
#header ul li.mn_about a { width:163px; background:url(../images/mn_about.gif) no-repeat 0 0; }
#header ul li.mn_pictures a { width:163px; background:url(../images/mn_pictures.gif) no-repeat 0 0; }
#header ul li.mn_testimonials a { width:163px; background:url(../images/mn_testimonials.gif) no-repeat 0 0; }
#header ul li.mn_portfolio a { width:163px; background:url(../images/mn_portfolio.gif) no-repeat 0 0; }
#header ul li.mn_contact a { width:164px; background:url(../images/mn_contact.gif) no-repeat 0 0; }
#header ul li a:hover, #header ul li.mn_current a { background-position:left bottom; }
#header a.ln-fr { display:block; width:120px; text-align:right; padding:0 40px 0 0; height:26px; position:absolute; top:5px; right:0; background:url(../images/fr_flag.gif) no-repeat right top; text-decoration:none; font:bold 11px/26px Arial, Helvetica, sans-serif; color:#010101 }
#header a.ln-fr:hover { color:#754f2b; }
#header a.ln-en { display:block; width:120px; text-align:right; padding:0 40px 0 0; height:26px; position:absolute; top:5px; right:0; background:url(../images/en_flag.gif) no-repeat right top; text-decoration:none; font:bold 11px/26px Arial, Helvetica, sans-serif; color:#010101 }
#header a.ln-en:hover { color:#754f2b; }

#content { width:980px; height:1077px; background:url(../images/bg_content.jpg) repeat-y 0 0; }
body#pg-job #content,body#pg-apply #content { height:1144px; }

#content #col-menu { width:304px; float:left; padding:0 0 0 2px; }
#content #col-text { width:674px; float:left; }


#content #col-menu #jobs-flash { width:304px; height:420px; }
#content #col-menu #jobs-flash div { width:260px; padding:10px 5px; background:#c09a4f; border-bottom:1px dotted #715228; margin:0 auto 0; font:italic 11px/14px Arial, Helvetica, sans-serif; color:#735708; }
#content #col-menu #jobs-flash div a { display:block; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#000; }
#content #col-menu #jobs-flash div strong { font-style:normal; font-weight:bold; font-size:16px; color:#000; }

#footer { width:980px; background:#ff00ff; height:74px; background:url(../images/bg_footer.jpg) no-repeat 0 0; }
#footer p.copy { color:#fff; font:11px/38px Arial, Helvetica, sans-serif; padding:0 0 0 15px; width:694px; float:left; }
#footer p.copy a { font-weight:bold; color:#fff; text-decoration:none; }
#footer p.copy a:hover { color:#fedf74; }

#footer form { float:left; width:260px; padding:25px 0 0; }
#footer form input { float:left; padding:0; margin:0; font:10px/10px Arial, Helvetica, sans-serif; }
#footer form input.submit { width:75px; background:#b34604; border:1px solid #772e02; color:#fff; height:20px; }
#footer form input.txt { width:159px; background:#fff; border:1px solid #a6812a; color:#000; height:14px; padding:2px; margin:0 8px 0 0; }

.content-signup { width:286px; height:17px; background:url(../images/content_signup.jpg) no-repeat right bottom; }

/* HOME PAGE */
#content #col-text .homeboard { width:655px; height:473px; padding:24px 0 0 15px; background:url(../images/bg_home.jpg) no-repeat 0 0; }
#content #col-text .homeboard #flash-home { width:622px; height:452px; }

#content #col-text a.resume { display:block; width:663px; height:82px; background:url(../images/sendresume.gif) no-repeat 0 0; }

#content #col-text .home-pictures { width:672px; height:498px; background:url(../images/home_pictures.jpg) no-repeat 0 0; position:relative; }
#content #col-text .home-pictures a.allpictures { display:block; width:232px; height:96px; background:url(../images/allpictures.gif) no-repeat 0 0; position:absolute; top:6px; left:300px; z-index:2; }
#content #col-text .home-pictures a.pic-hidden { display:block; width:652px; height:216px; position:absolute; top:6px; left:5px; z-index:1; }

#content #col-text .home-pictures .werehere { width:137px; height:38px; background:url(../images/werehere.gif) no-repeat 0 0; position:absolute; top:187px; left:274px; }
#content #col-text .home-pictures #map { border:1px solid #7b903a; position:absolute; top:229px; left:36px; }
#content #col-text .home-pictures .address { font:11px/16px Arial, Helvetica, sans-serif; color:#716f6f; position:absolute; top:237px; left:445px; }
#content #col-text .home-pictures .address strong { color:#484848; font-weight:bold; }
#content #col-text .home-pictures .address p { padding:0 0 10px 0; }
#content #col-text .home-pictures .address a { color:#716f6f; text-decoration:none; }
#content #col-text .home-pictures .address a:hover { color:#a52912; }

/* PORTFOLIO */
#pg-portfolio #portfolio { width:663px; height:1034px; position:relative; margin:10px 0 0; }
#pg-portfolio .content-signup { width:667px; height:33px }


/* PICTURE GALLERY */
#pg-picture #gallery { width:668px; height:754px; }
#pg-picture #ft-picture { width:669px; height:323px; background:url(../images/ft-picture.jpg) no-repeat 0 0; }


/* CONTACT US */
#pg-contact #contactus { width:608px; height:394px; background:url(../images/contactus.jpg) no-repeat 0 0; position:relative; margin:6px 0 0; }
#pg-contact #contactus p { font:12px/16px Arial, Helvetica, sans-serif; color:#3a372e; }
#pg-contact #contactus p a { color:#3a372e; text-decoration:none; }
#pg-contact #contactus p a:hover { text-decoration:underline; }
#pg-contact #contactus p.intro { width:412px; text-align:justify; position:absolute; top:77px; left:67px; }
#pg-contact #contactus p.address { width:250px; text-align:justify; position:absolute; top:175px; left:67px; }
#pg-contact #contactus a.bt-becomepart { display:block; width:240px; height:100px; position:absolute; top:200px; right:30px; }

#pg-contact #contactmaps { width:614px; height:479px; position:relative; background:url(../images/contact-maps.jpg) no-repeat 0 0; }
#pg-contact #contactmaps #map { position:absolute; left:39px; top:55px; border:1px solid #6e6b69; }

#pg-contact #contactnear { margin-top:3px; width:669px; height:195px; background:url(../images/contact-near.jpg) no-repeat 0 0; position:relative; }
#pg-contact #contactnear p { font:12px/16px Arial, Helvetica, sans-serif; color:#3a372e; width:190px; position:absolute; top:32px; left:455px; }

/* Job Description */
#pg-job #job_description { width:672px; height:924px; background:url(../images/bg_job.jpg) no-repeat 0 0; position:relative; }
#pg-job #job_description h2#tag-jobdesc { width:159px; height:54px; background:url(../images/tag_jobdesc.gif) no-repeat 0 0; position:absolute; top:6px; left:22px; z-index:1; }
#pg-job #job_description h2#tag-jobapply { width:159px; height:54px; background:url(../images/tag_apply.gif) no-repeat 0 0; position:absolute; top:6px; left:22px; z-index:1; }
#pg-job #job_description h3 { color:#241916; font:bold 16px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:53px; left:254px; }
#pg-job #job_description h4#tag-classified { width:199px; height:98px; background:url(../images/tag_classified.gif) no-repeat 0 0; position:absolute; top:91px; left:282px; z-index:1; }
#pg-job #job_description .jobtag { width:147px; height:151px; position:absolute; top:30px; left:493px; z-index:1; }
#pg-job #job_description .job_accounting { background:url(../images/job_accounting.jpg) no-repeat 0 0; }
#pg-job #job_description .job_design { background:url(../images/job_design.jpg) no-repeat 0 0; }
#pg-job #job_description .job_gestion { background:url(../images/job_gestion.jpg) no-repeat 0 0; }
#pg-job #job_description .job_informatique { background:url(../images/job_informatique.jpg) no-repeat 0 0; }
#pg-job #job_description .job_multimedia { background:url(../images/job_multimedia.jpg) no-repeat 0 0; }
#pg-job #job_description .job_programmer { background:url(../images/job_programmer.jpg) no-repeat 0 0; }
#pg-job #job_description .job_sales { background:url(../images/job_sales.jpg) no-repeat 0 0; }
#pg-job #job_description .job_support { background:url(../images/job_support.jpg) no-repeat 0 0; }

#pg-job #job_description { font:12px/16px Arial, Helvetica, sans-serif; color:#3a372e; }
#pg-job #job_description strong { font-size:14px; font-weight:bold; color:#6e5203; }
#pg-job #job_description .job_general { top:100px; left:76px; line-height:24px; width:540px; padding-right:20px; position:absolute; z-index:2;  }

#pg-job #job_description .twitter { top:230px; left:582px; line-height:24px; padding-right:20px; position:absolute; z-index:2;  }
#pg-job #job_description .twitter a { font:11px Arial, Helvetica, sans-serif; color:#3a372e; text-decoration: none; }
#pg-job #job_description .twitter a:hover { font-weight:bold; }
#pg-job #job_description .job_details { top:250px; left:76px; height:590px; overflow:auto; text-align:justify; width:540px; padding-right:20px; position:absolute;  }

#pg-job #job_description .job_details ul { list-style-type:disc; padding:0 0 0 20px; }
#pg-job #job_description .job_details ul li { list-style-type:disc; padding:3px 0 0 0px; }

#pg-job #job_description .job_apply { position:absolute; bottom:0px; right:18px; position:absolute; z-index:3;  }
#pg-job #job_description .job_apply a { display:block; width:274px; height:79px; background:url(../images/apply.gif) no-repeat 0 0; }
#pg-job #job_description .job_apply a:hover { background-position:left bottom; }

#pg-job #job_footer { width:672px; height:220px; background:url(../images/bg_job_footer.jpg) no-repeat 0 0; margin:0; }
#pg-job #job_footer_mel { width:672px; height:220px; background:url(../images/bg_job_footer_mel.jpg) no-repeat 0 0; margin:0; }
.job_sendoffer { width:327px; float:left; position:relative; padding:5px 0 0; }
.job_sendoffer h4 { width:238px; height:33px; background:url(../images/tag_sendoffer.gif) no-repeat 0 0; position:absolute; top:10px; left:38px; }
.job_sendoffer form { position:absolute; left:10px; top:54px; }
.job_sendoffer p { clear:both; }
.job_sendoffer label { color:#89540f; font:bold 11px/14px Arial, Helvetica, sans-serif; width:95px; display:block; float:left; margin-bottom:2px; text-align:right; padding-right:5px; }
.job_sendoffer input { font:12px Arial, Helvetica, sans-serif; color:#000; height:14px; padding:1px 2px; width:189px; border:1px solid #9f9787; float:left; margin-bottom:2px; }
.job_sendoffer textarea { font:12px Arial, Helvetica, sans-serif; color:#000; height:33px; padding:3px 2px; width:189px; border:1px solid #9f9787; float:left; margin-bottom:3px; }
.job_sendoffer a.bt-send { display:block; width:73px; height:24px; position:absolute; top:130px; left:233px; z-index:2; background:url(../images/bt_send.gif) no-repeat 0 0;  }
.job_sendoffer a.bt-send:hover {background-position:left bottom; }

.job_apply { width:310px; float:left; padding:5px 0 0; position:relative; }
.job_apply h4 { color:#fff; font:bold 12px Arial, Helvetica, sans-serif; position:absolute; top:28px; left:95px }
.job_apply p { font:11px/18px Arial, Helvetica, sans-serif; color:#3a372e; }
.job_apply p a { color:#7e0f00; text-decoration:underline; }
.job_apply p a:hover { color:#000; }
.job_apply p.job_contact { position:absolute; top:60px; left:95px }
.job_apply p.job_explain { position:absolute; top:132px; left:17px }

/* Job Apply */
#pg-apply .content-signup { width:667px; height:34px }

#pg-apply #job_description { width:672px; height:1110px; background:url(../images/bg_apply.jpg) no-repeat 0 0; position:relative; }
#pg-apply #job_description h2#tag-jobdesc { width:159px; height:54px; background:url(../images/tag_jobdesc.gif) no-repeat 0 0; position:absolute; top:6px; left:22px; z-index:1; }
#pg-apply #job_description h2#tag-jobapply { width:159px; height:54px; background:url(../images/tag_apply.gif) no-repeat 0 0; position:absolute; top:6px; left:22px; z-index:1; }
#pg-apply #job_description h3 { color:#241916; font:bold 16px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:53px; left:254px; }
#pg-apply #job_description h4#tag-classified { width:199px; height:98px; background:url(../images/tag_classified.gif) no-repeat 0 0; position:absolute; top:91px; left:282px; z-index:1; }
#pg-apply #job_description .jobtag { width:147px; height:151px; position:absolute; top:30px; left:493px; z-index:1; }
#pg-apply #job_description .job_accounting { background:url(../images/job_accounting.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_design { background:url(../images/job_design.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_gestion { background:url(../images/job_gestion.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_informatique { background:url(../images/job_informatique.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_multimedia { background:url(../images/job_multimedia.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_programmer { background:url(../images/job_programmer.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_sales { background:url(../images/job_sales.jpg) no-repeat 0 0; }
#pg-apply #job_description .job_support { background:url(../images/job_support.jpg) no-repeat 0 0; }

#pg-apply #job_description { font:12px/16px Arial, Helvetica, sans-serif; color:#3a372e; }
#pg-apply #job_description strong { font-size:14px; font-weight:bold; color:#6e5203; }
#pg-apply #job_description .job_general { top:100px; left:76px; line-height:24px; width:540px; padding-right:20px; position:absolute;  }
#pg-apply #job_description .frm-apply { top:355px; left:76px; line-height:24px; width:540px; padding-right:20px; position:absolute; }
#pg-apply #job_description .frm-apply p { clear:both; }
#pg-apply #job_description .frm-apply label { width:120px; margin-bottom:8px; text-align:right; display:block; float:left; color:#302a18; font:bold 14px Arial, Helvetica, sans-serif; padding-right:5px; }
#pg-apply #job_description .frm-apply input { width:185px; margin-bottom:8px; float:left; font:12px Arial, Helvetica, sans-serif; background:#c0a468; border:1px solid #a38a4f; color:#3d2010; height:14px; padding:3px 0; }
#pg-apply #job_description .frm-apply input.inpfile { padding:0; height:20px; }
#pg-apply #job_description .frm-apply textarea { width:325px; margin-bottom:8px; height:86px; float:left; font:12px Arial, Helvetica, sans-serif; background:#c0a468; border:1px solid #a38a4f; color:#3d2010; padding:3px 0; }

#pg-apply #job_description .frm-apply p.psubmit a { display:block; width:148px; height:45px; }
#pg-apply #job_description .frm-apply p.psubmit a.bt-back { position:absolute; top:257px; left:243px; background:url(../images/bt-back.gif) no-repeat 0 0; }
#pg-apply #job_description .frm-apply p.psubmit a.bt-send { position:absolute; top:257px; left:396px; background:url(../images/bt-send.gif) no-repeat 0 0; }
#pg-apply #job_description .frm-apply p.psubmit a:hover { background-position:left bottom; }

/* Testimonials */
#pg-testimonials #testimonials-flash { width:672px; height:545px; }
#pg-testimonials #testimonial { width:672px; height:532px; background:url(../images/bg_testimonial.jpg) no-repeat 0 0; position:relative; }
#pg-testimonials #testimonial .testimonial-picture { position:absolute; top:40px; right:0px; width:323px; height:352px; z-index:1; }
#pg-testimonials #testimonial .testimonial-dave { background:url(../images/testimonials/dave.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-carla { background:url(../images/testimonials/carla.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-meeker { background:url(../images/testimonials/meeker.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-charles { background:url(../images/testimonials/charles.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-vivian { background:url(../images/testimonials/vivian.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-frank { background:url(../images/testimonials/frank.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-julie { background:url(../images/testimonials/julie.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-melissa { background:url(../images/testimonials/melissa.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-magali { background:url(../images/testimonials/magali.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial .testimonial-simon { background:url(../images/testimonials/simon.jpg) no-repeat 0 0; }
#pg-testimonials #testimonial h2 { color:#23221f; font:bold 12px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:0; left:37px; }
#pg-testimonials #testimonial h3 { color:#363325; font:11px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:15px; left:37px; width:130px; }
#pg-testimonials #testimonial h4 { color:#811e02; font:bold 16px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:112px; left:100px; }
#pg-testimonials #testimonial p { color:#524c42; font:12px/18px Arial, Helvetica, sans-serif; position:absolute; z-index:2; top:148px; left:100px; width:268px; }
#pg-testimonials #testimonial p strong { color:#811e02; font:bold 16px/40px Arial, Helvetica, sans-serif; }
#pg-testimonials #testimonial a.testi-prev { display:block; width:246px; height:46px; background:url(../images/bt_prev_testimonial.gif) no-repeat 0 0; position:absolute; top:452px; left:109px; z-index:2; }
#pg-testimonials #testimonial a.testi-next { display:block; width:212px; height:46px; background:url(../images/bt_next_testimonial.gif) no-repeat 0 0; position:absolute; top:452px; left:366px; z-index:2; }
#pg-testimonials #testimonial a.testi-prev:hover { background-position:left bottom; }
#pg-testimonials #testimonial a.testi-next:hover { background-position:left bottom; }

/* ABOUT */
#pg-about #journal { width:665px; height:728px; background:url(../images/about-journal.jpg) no-repeat 0 0; position:relative; }
#pg-about .journal-cols { padding:0 0 0 29px; height:330px; }
#pg-about .journal-cols .col { width:210px; float:left; }
#pg-about .journal-cols .col h2 { width:191px; height:51px; }
#pg-about .journal-cols .col1 h2 { background:url(../images/about-col1.jpg) no-repeat 0 0; }
#pg-about .journal-cols .col2 h2 { background:url(../images/about-col2.jpg) no-repeat 0 0; }
#pg-about .journal-cols .col3 h2 { background:url(../images/about-col3.jpg) no-repeat 0 0; }
#pg-about .journal-cols .col p { color:#282828; font:10px/15px Arial, Helvetica, sans-serif; width:191px; text-align:justify; padding:7px 0 0; }
#pg-about .journal-cols .col p strong { font-size:11px; }
#pg-about .content-signup { width:667px; height:19px }

/* MSG ERROR */
#pg-error #msg-error { width:444px; height:312px; background:url(../images/error.jpg) no-repeat 0 0; position:relative; margin:6px 0 0; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#3a372e; padding:82px 82px 0; }
#pg-error #msg-success { width:444px; height:312px; background:url(../images/success.jpg) no-repeat 0 0; position:relative; margin:6px 0 0; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#3a372e; padding:82px 82px 0; }

#pg-error .content-signup { width:667px; height:677px }

/* Minimalist spam prevention */
#ml_miscfield {
    position: absolute;
    left: -99999px;
}

#sf_miscfield {
    position: absolute;
    left: -99999px;
}