/* ################################################################### INIT ####################################################################*/ * {margin:0px; padding:0px; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-weight:normal; font-style: normal; padding:0; margin:0;} ul,ol { list-style:none; background:no-repeat; } fieldset,img{ border: none; overflow:hidden;} caption,th { text-align: left; }# table { border-collapse: collapse; border-spacing: 0; } body{font-size: 11px; margin: 0px; padding: 0px;font-family:Arial, Helvetica, sans-serif; background:#4876A7;} a{ border: none; outline:none; padding:0; margin:0;} /* COMMON CLASSES */ .cb{clear:both;} .center{text-align:center;} .right{text-align:right;} .petrole{ background-color:#183959; border-bottom:2px solid #001B33;} .manquant { color:#CC0000; font-weight:bold;} .block{ display:block;} .fl{ float:left;} .colLeft{width:337px; float:left; padding-right:5px;} .colRight{width:338px; float:left; padding-left:5px;} /* #tooltip { display:none;position: absolute;padding:0px 5px;opacity:1; border:none; background:#99CC33;} #tooltip h3{ color:#000; border:none; background:none;} */ a.rss{ display:block;padding:5px 10px 0 0; color:#999999; text-decoration:none; position:relative;left:180px; bottom:24px;} a.rssnews{ display:inline-block; float:right; color:#999999; text-decoration:none;} a.rssnews:hover{ background:#EEE;} /* ################################################################### CONSTRUCTION SITE ####################################################################*/ #global{ width:990px; margin:20px auto; } /* TOP */ #top{ width:990px; height:6px; background:url(../_common/bg_header.jpg) no-repeat; position:relative;} #langue{ position:absolute; right:5px; top:-10px;} #langue a{color:#FFF; text-decoration:none; display:inline-block; padding:0 4px; font-size:10px;} #langue a:hover{ text-decoration:underline;} #logo{ background:url(../_common/logo.png) no-repeat; width:93px; height:90px; overflow:hidden; display:block; position:absolute; left:40px; top:-20px; z-index:1000;} #logo.page{left:35px; top:-26px;} /* CENTRE */ #center{ width:980px; padding:0 5px; background:url(../_common/bg_center.jpg) repeat-y; float:left;} #center.page{background:url(../_common/bg_page_center.jpg) repeat-y;} /* BOTTOM */ #bottom{ width:990px; height:10px; background:url(../_common/bg_footer.jpg) no-repeat; clear:both; padding:5px 0 0 0px; color:#FFF; font-size:10px; position:relative;} #bottom.page{background:url(../_common/bg_page_footer.jpg) no-repeat;} #bottom span{display:inline-block; width:325px;} #bottom span a{ color:#FFFFFF; text-decoration:none;} #bottom span a:hover{ color:#FFFFFF; text-decoration:underline;} #airbus{ padding-left:5px;} #menu_footer{ text-align:center;} #mediaction{ text-align:right;} #bottom span#mediaction a{padding-right:3px;} /* MENU */ /* LEFT */ #left{ float:left; width:765px;} #left_content,#left_content_home{ float:left; width:685px; padding:0 40px} #left_content{ padding-bottom:25px;} /* RIGHT */ #right{float:right; width:211px; padding:0 2px; color:#FFF;} #right h2{background:url(../_common/bg_titre_right.jpg) no-repeat; height:25px; line-height:25px;width:198px; color:#FFF; font-size:12px; padding-left:13px; } #right h3{ font-size:12px; margin-bottom:4px; color:#FFFFFF; background:none; padding:0;} #right .rightcontent{ padding:10px;} #right #focus .rightcontent{ padding:0 10px;} #right select{ width:190px;} #right .focus{ padding:10px 0;} #right .focus a{ color:#97C0E4; text-decoration:underline;} #right .focus a:hover{text-decoration:none;} #right .focus a:visited{color:#CCCCCC;} #right .sep{ border-top:1px solid #527293;} #right .date{ color:#97C0E4;} #right .titre{ font-weight:bold;} #quickaccess_box{ border-top:2px solid #001B33;} #extranet input{ display:inline-block;} #password{ width:164px; border:none; font-size:11px;} #submit{ width:20px; text-align:center; background:#001B33; color:#FFF; border:none; font-size:11px;} #video{ padding:0 2px 2px 2px;} #legal{background:url(../_common/bg_titre_right.jpg) no-repeat; height:25px; line-height:25px;width:211px;text-align:center; position:absolute; right:7px; bottom:15px;} #legal a{ color:#FFF; text-decoration:none;} #legal a:hover{text-decoration:underline;} /* ################################################################### HOME ####################################################################*/ #menu_home p{text-align:center; color:#FFFFFF; padding:180px 0;} #menu_home p, #defil p{text-align:center; color:#FFFFFF;} #menu_home p a, #defil p a{color:#999966;} #schema{float:left; margin:0px 0 0px 0;} #schema a{height:137px; display: block; float:left; text-align:center; color:#FFF; text-decoration:none;} #schema a#supplier{ background:url(../_common/bg_btn_home_left.jpg) no-repeat top; width:222px;} #schema a#platform{ background:url(../_common/bg_btn_home_center.jpg) no-repeat top; width:237px; margin:0 2px;} #schema a#customer{ background:url(../_common/bg_btn_home_right.jpg) no-repeat top; width:222px;} /* #schema a#supplier:hover, #schema a#platform:hover, #schema a#customer:hover{background-position:bottom;} */ #schema a h1{ font-size:16px; padding:8px 4px 4px 4px; margin-bottom:10px; color:#001B33;} /*#schema a:hover h1{ color:#2C234F;}*/ #schema a li{ font-size:12px; padding:4px; list-style:none;} #defil{ padding: 2px 0px 0 0px; width:685px; height:25px; clear:both; margin-bottom:30px;} /* ################################################################### N-1 ####################################################################*/ #menu_box{ text-align:center; height:200px; position:relative;} #menu{position:relative; top:148px; left:40px; z-index:5;} #header{ position:absolute; left:0; display:none;} #schema_page{} #schema_page a{width:211px; display: block; color:#FFF; text-decoration:none;} #schema_page a#supplier{ background:url(../_common/bg_btn_page_top.jpg) no-repeat left; height:142px;} #schema_page a#platform{ background:url(../_common/bg_btn_page_center.jpg) no-repeat left; height:123px;} #schema_page a#customer{ background:url(../_common/bg_btn_page_bottom.jpg) no-repeat left; height:325px;} /* #schema_page a#supplier:hover, #schema_page a#platform:hover, #schema_page a#customer:hover{background-position:right;}*/ #schema_page a h1{ font-size:16px; padding:4px; margin-bottom:10px; color:#001B33; text-align:center;} /*#schema_page a:hover h1{ font-size:16px; padding:4px; margin-bottom:10px; color:#2C234F;}*/ #schema_page a li{font-size:12px; padding:4px; margin-left:30px; list-style-image:url(../_common/puce_schema.png);} #ariane{ color:#333; margin:13px 0 19px 0;} #ariane a{ color:#333; text-decoration:none;} #ariane a:hover{ color:#333; text-decoration:underline;} #left_content h1{ margin-bottom:10px; } .separateur{ border-bottom:dotted 1px #7DA927; font-size:8px; clear:both;} #left_content h2{ margin-bottom:10px; font-weight:bold; font-size:16px; color:#003368; padding:3px 15px; background:#CCCCCC; display:inline-block; width:auto; } #left_content h2.horsligne{background:#FD684F;} #left_content h3{height :15px; line-height:15px; font-size:17px; color:#4876A7; background:url(../_common/puce_rond_bleu_small.jpg) no-repeat 0 5px; padding-left:10px; margin-bottom:8px; font-weight:bold;} #left_content h4{font-size:11px; color:#000;font-weight:bold;} #left_content h4.ital{ font-style:italic;} #left_content h4.puce{background: url(../_common/puce_li.jpg) no-repeat left 5px; padding-left:5px;} #left_content h4.marge{ padding-bottom:10px;} #left_content h5{ font-size:11px; font-weight:bold; font-style:italic; color:#666;} #left_content h5.marge{ padding-bottom:27px;} #left_content p{ padding-bottom:10px;} #left_content p.boldit{ font-weight:bold; font-style:italic; width:95%;} #left_content p.sansmarge{ padding-bottom:0px;} #left_content p.marge{ padding-bottom:26px;} #left_content ul{ margin-bottom:10px;} #left_content ul.marge{ margin-bottom:22px;} #left_content a{ color: #333333; text-decoration:none;} #left_content a:hover{color:#000066; text-decoration:underline;} #cimpa{ position:relative; height:500px;} #carte_cimpa{ position:absolute; left:-40px;} #left_content li{background: url(../_common/puce_li.jpg) no-repeat left 5px; padding-left:5px; list-style-type:none; list-style-position:outside;} #left_content ul.menuListe{ border-bottom:1px dotted #7DA927; padding:15px 0; margin-bottom:25px;} #left_content ul.menuListe li{background:url(../_common/fleche.jpg) no-repeat 2px; padding-left:20px; list-style-type:none; list-style-position:outside; line-height:17px;} #left_content ul.menuListe li a{color:#4876A7; font-size:12px; font-weight:bold; text-decoration:underline;} #left_content ul.menuListe li a:hover{ color:#7DA927; font-size:12px; font-weight:bold; text-decoration:underline;} #left_content ul.siteMap li a{ font-size:12px; color: #000000; text-decoration:none;} #left_content ul.siteMap li a:hover{ font-size:12px; color: #999999; text-decoration:underline;} .img_training{float:left; margin-right:13px; margin-bottom:7px; margin-top:3px; } .img_methode{float:left; margin-right:13px} .plm{ position:relative; left:150px;} #glossaire span{width:50px; display:inline-block; padding-right:20px;} .candidature{color:#669900;} #left_content h5 a{font-style:italic; color:#666666; text-decoration:underline;} #left_content h5 a:hover{font-style:italic; color: #000066; text-decoration:underline;} #contact{ color: #333333; margin:13px 0 19px 0;} #contact a{ color: #333333; text-decoration:none;} #contact a:hover{color: #000066; text-decoration:underline;} .date_actu{ color:#2A4D65; font-weight:normal; font-size:14px;} .telepdf{ color:#669512} .telepdf a{ color:#669512; text-decoration:underline;} .telepdf a:hover{text-decoration:none;} /*--------------------------------------------------- Jobs ----------------------------------------------------*/ #filtreOffres{ padding:5px 0 10px 0; text-align:right; margin-top:25px;} #filtreOffres select{} #dialogOffre{ display:inline-block; width:230px; padding-right:10px; float:left; text-align:left; font-size:12px; height:20px; line-height:30px; padding-left:10px;} .offre{float:left; margin-top:2px;} .offre_head{ float:left; background:#EFEFEF; padding:4px 0;} .offre_head:hover{background:#DDD; cursor:pointer;} .offre_head.actif{background:#DFF4B0; } .horsligne{background:#FD684F;} .offre_head div, .offre_head h3{float:left;border-left:1px solid #CCC; text-align:center; display:block;} #left_content .offre_head h3{width:420px; border:none; background:none; padding:0; font-size:13px; text-align:left; margin:0; padding-left:10px;} .offre_head .type{width:40px; } .offre_head .date{width:70px; } .offre_head .lieu{width:70px;} .offre_head .pays{width:80px;} .offre_head .plus{width:60px; text-align:center;} .offre_head .plus a.zoom{display:inline-block; text-decoration:none;width:16px; height:16px; background:url(../_common/zoom.png) no-repeat 0 0; padding:0;} .offre_detail{ clear:both; display:none; padding:10px; border:1px solid #DFF4B0;} a.postuler{width:105px; height:24px; background:url(../_common/postuler.png) no-repeat top; text-decoration:none; margin-top:15px; display:block;} a.postuler.eng{background:url(../_common/postulate.png) no-repeat top;} a.postuler:hover{ background-position:bottom;} #formPost{ display:none; background:#F1F1F1; _width:520px;} #formPost .dialog { color:#666; font-weight:bold; font-size:11px; clear:both; padding:5px 10px; padding-left:155px; } #formPost .dialog p.error{color:#E26622;} #formPost .dialog p.error .errorline{ font-weight:normal;} #formPost .dialog p.success{color:#669900; font-size:11px;} #ref_rappel{font-size:16px; color:#999; position:relative; top:-22px; left:113px;} .postform{ font-size: 11px;color: #FFF; padding:10px; border-top:none; margin-top:-15px} .postform select{ display:inline-block;} .postform p{padding: 10px;list-style:none;clear:both;} .postform div { clear:both;width:100%;} .postform .infotype { color:#666; padding-left:145px; padding-top:10px;} .postform div.submit{ padding-left:145px; margin-top:15px;} .postform input.submit { width:105px; height:24px; background:url(../_common/envoyer.png) no-repeat top; border:none; cursor:pointer;} .postform input.submit.eng {background:url(../_common/submit.png) no-repeat top;} .postform input.submit:hover { background-position:bottom;} .postform label {display:block; height:20px; line-height:20px; font-weight:bold; margin:5px 0; color:#000; width:130px; float:left; text-align:right; padding-right:15px;} .postform label.error{color:#E26622; text-align:left; width:220px; height:15px; line-height:15px; background:none; border:none; padding-left:40px;} .postform input{width:200px; display:block;margin:5px 0; border:1px solid #CCC; height:20px; line-height:18px; float:left;} .postform textarea{width:200px; display:block;margin:5px 0; border:1px solid #CCC; float:left;} /* ################################################################### LIGHTBOX ####################################################################*/ #lightbox{ width:100%; height:100%; position:absolute; background:url(../_common/lightBg.png); display:none; z-index:200; text-align:center; top:0; left:0;s} #lightbox object{ border:#333 0px solid; display:block; margin:0 auto;} #lightbox h2{ font-size:18px; color:#999966; margin:10px 0 10px 0;} #lb_cadre{ background:#000000; border-top:#999966 1px solid; border-bottom:#999966 1px solid; margin-top:20px; padding:0 0 30px 0; } .menuLB{ display:none;} #lightbox a.close{ display:block;width:30px; height:30px; position:absolute; right:10px;; top:7px; font-size:20px; background:url(../_common/fermer.png) no-repeat; text-decoration:none;} #lightbox a.close:hover {cursor:pointer;} /* ################################################################### MENU N-1 ####################################################################*/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none; } /*padding-bottom: 2.5em; pour remplir la ligne du bas*/ .sf-menu {height:25px; position:relative; float:left;} .sf-menu a {display: block; position:relative;text-decoration:none; color:#FFFFFF; width:135px; font-size:13px; padding-top:4px;}/*font-weight:bold;*/ /* left offset of submenus need to match (see below) */ .sf-menu ul {position: absolute; top:-999em; width:685px; z-index:75;} .sf-menu li {width: auto;float:left;position:static;height:25px;background:url(../_common/bt_menu_center.jpg) no-repeat top left;border-right:1px solid #fff;} .sf-menu li.nb { border:none;} .sf-menu li.menuleft { background:url(../_common/bt_menu_left.png) no-repeat top left;} .sf-menu li.menuright { background:url(../_common/bt_menu_right.png) no-repeat top left;} .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-position:bottom; outline:0;} .sf-menu li:hover a{/*color: #003368;*/} .sf-menu li.current {} .sf-menu li ul {width: 685px; /*IE6 soils itself without this*/} .sf-menu li:hover ul, .sf-menu li.sfHover ul {top:25px;z-index:50;} /* match top ul list item height */ .sf-menu li.menuleft ul {left:2px} .sf-menu li.menuright ul, .sf-menu li.menusoc ul {left:0;width: 678px;} .sf-menu li.menuright li,.sf-menu li.menusoc li { float:right;} .sf-menu li.menuint ul {left:2px;} .sf-menu li li {background:none;background: #89A7C6;opacity:0.8; filter:alpha(opacity=80);position:relative; height:23px;} .sf-menu li li a{width:auto;padding:0px 25px;margin-top:4px;font-size:11px;font-weight:normal;/*color:#003368;border-color:#003368;*/} .sf-menu li li a:hover{color:#003368;} .sf-menu li li.current a {font-weight: bold;color:#003368;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top: 0;} /* ################################################################### ADMIN #################################################################### */ #bottom span.cms{width:650px;} #right #quickaccess_box.cms a{ color:#001B32; display:block; margin:5px; font-weight:bold; text-decoration:none; padding-left:8px;} #right #quickaccess_box.cms a:hover{ text-decoration:underline;} .update .dialog p{ color:#FF9900; font-weight:bold; font-size:11px; text-align:center; background:#000; clear:both; width:344px; padding:5px 15px;} .update .dialog a.reload{ display:inline-block; color:#FF9900; text-decoration:none; margin-left:15px;} .update .dialog a.reload:hover{color:#FFCC00;} #log{ height:200px; padding-top:100px; padding-left:230px; width:500px;} #log h1{color:#666;font-weight:bold; font-size:16px; border:none; background:none; padding:0;} #log .dialog p{ color:#FF9900; font-weight:bold; font-size:11px; text-align:left; padding:5px 0px; background:none; width:150px;} #log .dialog a{ color:#FF9900; font-weight:bold; font-size:12px; text-decoration:none; padding-top:10px; display:block;} #log .dialog a:hover{ text-decoration:underline;} a.update_link{display:inline-block; margin-left:5px; width:14px; height:14px;cursor:pointer; background:url(../_common/admin/edit-comment-blue.gif) no-repeat 0px 0px; padding:0;} a.delete_link{display:inline-block; margin-left:5px; width:16px; height:16px;cursor:pointer; background:url(../_common/admin/cancel.png) no-repeat 0px 0px; padding:0;} a.update_link:hover{color:#00CCFF;} a.close{ display:block;color:#FFF;width:15px; height:15px; line-height:15px; position:absolute; right:0; top:20px; font-size:11px; text-decoration:none;} a.close:hover {cursor:pointer;color:#FFF;} .update{ display:none;position: fixed;top:0; left:0; padding:15px 0 0 15px; z-index:2000;} .update h1{ background:#000; text-align:center; color:#0099FF; width:374px;} /*#fondUpdate{filter: alpha(opacity=70); opacity:.7; position:fixed; top:0; left:0; width:100%; height:100%;background:#FFF; z-index:1; display:none;}*/ .myform{ font-size: 11px;color: #FFF; padding:0;background:#F5F5F5; width:350px; border:2px #000 solid; float:left; padding:10px; border-top:none;} .myform legend {padding:0px;font-weight: normal;} /*.myform .cBox{ width:348px; background:#FFF; border:1px solid #333;}*/ .myform select{ display:inline-block;} .myform p{padding: 10px;list-style:none;clear:both;} .myform label {display: block; width: 340px; margin-left: 0px;cursor: pointer; height:20px; line-height:20px; padding-left:10px; background:#CCC; font-weight:bold; margin:0px 0; clear:both; color:#000; border-bottom:1px solid #999;} .myform label:hover { background:#999;} .myform label.error, .myform label.error:hover{color:#E26622; text-align:left; width:250px; height:15px; line-height:15px; background:none; border:none;} input.error { border: 1px solid #E26622; } .myform input{width:348px; display:block; margin:1px 0; border:1px solid #CCC; } .myform textarea{ width:348px; border:1px solid #CCC;margin:0px 0;} .myform #ref .nbrefs{ color:#333333; font-weight:bold;} .myform #refs{ color:#FFF; float:left;height:151px; overflow:auto; } .myform .ref{ float:left; background:#DEDEDE;padding:15px 0 15px 0; margin-bottom:1px;} .myform .libel{ float:left; display:block;width:60px; text-align:right; padding-right:10px; color:#444;} .myform .ref input{ float:left;} .myform .ref h6{color:#fff; background:#000; font-size:13px; width:auto; padding:0 5px; height:20px; line-height:20px; font-weight:bold; float:left;margin-bottom:7px;} .myform .ref a.supRef{ color:#CC3333; font-weight:bold;width:auto; float:right; height:20px;line-height:20px; text-align:center; margin-bottom:7px; padding:0 5px;} .myform .ref a.supRef:hover{ background:#CCC; cursor:pointer;} .myform .ref input.short{width:230px;} .myform #hors_ligne, .myform #withimg{ text-align:center; margin-top:15px; font-size:12px; background:#EEE;} .myform #hors_ligne label,.myform #withimg label{ display:inline; background:none; border:none; margin-right:5px;} .myform #hors_ligne input,.myform #withimg input{ display:inline; clear:both; width:auto;} .myform .checkimg{ display:inline; margin-left:15px;} .myform #update_img img{ float:left; display:block; margin-right:10px;} .myform #update_img span{ color:#555;} .myform #update_img input{width:200px; border:none; margin:0; } .myform #update_img textarea{width:260px; margin-top:10px;} a.supyes,a.supno{ color:#FF9900;padding:0 10px;} a.supyes:hover,a.supno:hover{ text-decoration:none; color:#FF6600;} .myform input.submit,a.erase{float:right; margin-top:15px; height:25px; line-height:20px; width:173px; color:#5D9D13; font-size:15px; cursor:pointer; border:none; background:url(../_common/admin/accept.png) no-repeat 150px 5px; background-color:#EEE;} .myform input.submit:hover,a.erase:hover{background-color:#DDD; border:none;} a.erase{color:#CC3333;text-align:center; float:left; width:173px; background:url(../_common/admin/cross.png) no-repeat 3px 5px; background-color:#EEE;font-size:12px;line-height:25px;} a.erase:hover{} div.error { display:none;} #cms{ text-align:right;} a#add_actu{ background:url(../_common/admin/add_actu.jpg) no-repeat top; width:95px; height:24px; display:inline-block; text-decoration:none;} a#add_actu:hover{ background-position: bottom;} a#add_offre{ background:url(../_common/admin/admin_add_offre.png) no-repeat top; width:92px; height:26px; display:inline-block; text-decoration:none;} a#add_offre:hover{ background-position: bottom;} a#add_lieu{ background:url(../_common/admin/admin_add_lieu.png) no-repeat top; width:117px; height:24px; display:inline-block; text-decoration:none;} a#add_lieu:hover{ background-position: bottom;} a#add_recruteur{ background:url(../_common/admin/admin_add_recrut.png) no-repeat top; width:121px; height:24px; display:inline-block; text-decoration:none;} a#add_recruteur:hover{ background-position: bottom;} a#add_secteur{ background:url(../_common/admin/admin_add_secteur.png) no-repeat top; width:148px; height:24px; display:inline-block; text-decoration:none;} a#add_secteur:hover{ background-position: bottom;} a#logout{ background:url(../_common/admin/deconnexion.jpg) no-repeat top; width:76px; height:24px; display:inline-block; text-decoration:none;} a#logout:hover{ background-position: bottom;} /* ################################################################### LIVE SEARCH ####################################################################*/ .suggestionBox {display: none; border: 1px solid #999; border-bottom:0px; background:#FFF; width:348px; color:#333333; font-size:10px; float:left;} .suggestionBox.short {width:230px; margin-left:70px;} .suggestionBox ul { padding-right:0px;} .suggestionBox li {padding:2px 0 2px 10px; background:#FFF;cursor: pointer;list-style:none; border-bottom:solid 1px #999; text-align:left;} .suggestionBox li:hover {background:#EEE;} .suggestionBox span.key{ color:#FF9900; font-weight:bold; text-align:left;}