@charset "iso-8859-6";
/*
Theme Name: actointerim
Version: 1.0
Author: tokimahefa rajaobelina - slayerized@hotmail.fr
*/


body{ background:#fff; font-family:"Trebuchet MS"; font-size: 12px; margin:0; padding:0;}
div.container{ width:956px; padding:0; margin:0 auto;}


img{ border:0;}
#home{ background:url(../images/background/header.png) repeat-x  left 97px;}
#page{background:url(../images/background/header.png) repeat-x  left 87px;}
.spacer{ width:100%; clear:both; font-size:1px; height:1px; display:block;}
.spacer55{ width:100%; clear:both; font-size:1px; height:55px; display:block;}
.spacer_20{ width:100%; clear:both; font-size:1px; height:20px; display:block;}

/************* header **********************/
div.header{ padding:10px 46px 0 44px; float:left; width:866px; }
div.header a.logoContainer:link, div.header a.logoContainer:visited { margin:1px 0 0 0; padding:0; display:block; float:left;}
div.header div.title{ width:370px; height:128px; float:left; padding:20px 0 10px 10px;  height:55px; display:block; }
div.title h1{ color:#9b0235; font-size:18px; font-family: "Myriad Pro", arial; text-transform:uppercase; padding:0; display:block;text-align:right;}
div.title h1 span{ display:none; }

#page div.header{ background:url(../images/background/page_header.gif) no-repeat right bottom; height:157px;}

div.laune{ width:297px; float:left;}

/******************  main page ********************/
div.block{ display:block; clear:both; margin:0 0 0 46px; width:864px; }

div.flash{ width:400px; height:278px; float:left; margin-left:3px}
#home div.zone_offre{ width:456px; float:left; margin:0; padding:5px 0 0 0}
div.zone_offre h1{ font-size:24px; font-weight:bold; color:#5f5a5a; margin:0 0 2px 0; padding:0 0 0 23px; float:left; display:block;}
div.zone_offre h1 span{ font-size:18px; color:#9a0235; padding-left:17px;}

/********liste offres*****************/
div.list_offre{ background:#f5f4f4;clear:both; position: relative; padding:18px 24px 0 24px; width:408px; }
div.list_offre img.corner{ position:absolute; bottom:0; right:0;}
ul.liste, div.actualite ul, ul.agence, ul.listeAgence{margin:0; padding:0; list-style-type:none;}
ul.liste li{ padding:0 0 23px 0;}
ul.liste li h2, div.liste h2 , div.actu_detail  div.text h2, ul.listeAgence li h2{ border-bottom:solid 1px #9b0235; display:block; width:100%; font-size:14px; color:#9b0235; margin:0; padding:0 0 0 0;}
ul.liste li h2 span,  div.liste h2 span{ float:right; padding: 0 10px; background:#9b0235; color:#fff; font-weight:normal; font-size:12px; text-align:center;}
ul.liste li p{ display:block; margin:10px 0 10px 0; padding:0; line-height:16px;}

ul.liste div.img { padding-top:0;}
a.offres{ background: url(../images/background/offres.jpg) no-repeat left top; float:right ; display:block; margin:6px 0 0 0; padding:6px 25px 10px 10px; width:195px; color: #9b0235; font-size:12px; text-decoration:none;}

ul.listeAgence li h2{ margin-bottom:18px}
ul.listeAgence li  span{ display:block; font-weight:bold; }
ul.listeAgence div.img{ background:url(../images/background/arrow_postuler.gif) no-repeat left center;  padding:0 0 0 20px; margin:0 0 0 10px;  width:149px; float:left;}
ul.listeAgence{ margin-bottom:20px}
ul.listeAgence div.img div.img_inner{ background: url(../images/background/listeagences.gif) no-repeat left top; width:149px; padding:10px 0 0 0; text-align:center;}
ul.listeAgence div.img div.img_inner img{padding:0; margin:0 0 4px 0;  }
ul.listeAgence div.img div.img_inner a.greybox:link, ul.listeAgence div.img div.img_inner a.greybox:visited{ margin:0 0 2px 0;padding:0; display:block;}
/********nos agences*************/
ul.agence{ margin:10px 0 0 0;}
ul.agence li h2 {  display:block; width:100%; font-size:16px; color:#9b0235; margin:0 0 10px 0; padding:0 0 0 0;}
ul.agence li{background:url(../images/background/arrow_list2.gif) no-repeat left  16px;  width:576px; float:left; padding:10px 0 14px 20px; font-size:14px; color:#333333;}

div.menu{ text-align:right; background:url(../images/background/bordered.gif) repeat-x left  bottom; width:100%; margin:0; padding:0;}
div.menu a:link, div.menu a:visited,div.menu a:active{ color:#9b0235; text-decoration:none; background:#f5f4f4; margin:0; padding:0; display:inline; font-size:11px; 			}
div.menu a span{ background:url(../images/background/consulter.gif) no-repeat center center; width:58px;color:#fff; margin:0;padding:0 4px; clear:both}

/**************main menu***************/
ul.main_menu{ margin:0; padding:8px 0 0 8px; list-style-type:none;}
ul.main_menu li{ float:left;}
ul.main_menu li a{ display:block; background:url(../images/main_menu/puce.gif) no-repeat left top; padding:0 0 0 15px; text-decoration:none; color:#ffffff; font-size:13px; width:136px; font-weight:bold;}
ul.main_menu li.entreprise { background: url(../images/main_menu/entreprise.gif) no-repeat left; width:149px; height:99px; padding:95px 0 0 164px;}
ul.main_menu li.candidat{ background:url(../images/main_menu/candidats.gif) no-repeat left top; width:300px; height:99px; padding:95px 0 0 18px;}
/************** actualité*************/
div.actualite{ background:url(../images/background/actu_bottom.gif) no-repeat left bottom; width:511px; padding:0 0 6px 0; margin:0; float:left; }
div.actualite h1{color:#5f5a5a; font-size:24px; font-weight:bold; margin:4px 0 0 0; padding:0; display:block; }
div.actualite div.list_actualite{ background:url(../images/background/actu_top.gif) no-repeat left top; display:block; width:457px;  float:left; padding:0 38px 0 15px;position: relative;}
div.list_actualite a.corner:link, div.list_actualite a.corner:visited{ position:absolute; width:33px; height:34px; bottom:1px; right:4px; text-decoration:none;}
div.actualite ul{float:left;}
div.actualite ul li{ width:460px; float:left; margin-top:2px;}
div.actu{width:380px; margin:0 0 0 10px; float:left; }
div.actu h2{ display:block; width:100%; font-size:14px; color:#9b0235; margin:0; padding:0;}
div.actu p{ font-size:11px; color:#666666; margin:0; padding:0;}
div.actu div.menu a:link,div.actu div.menu a:visited,div.actu div.menu a:visited { background:#fff; color:#9b0235; text-decoration:none;}
div.actualite ul li img{ float:left; margin:0; padding:0; }

ul.act{ list-style-type:none; margin:0 0 0 16px; padding:0; width:334px; float:left;}
ul.act li{ background:url(../images/background/avantage.gif) no-repeat left top; width:320px; height:72px; float:left; margin:0; padding:6px 0 0 15px; }
ul.act li span{ display:block; font-size:18px; color:#9b0235;}
ul.act li a:link, ul.act li a:visited{ float:right; margin:3px 25px 0 0; background:url(../images/background/more.gif) no-repeat center bottom; padding:0 0 12px 0; color:#999999; text-decoration:none;}
ul.act .margintop25px{ margin-top:25px;}
.padtop18px{ padding-top:18px;}

div.agence{ background:#ff0000 url(../images/background/agence.png) no-repeat left top;  float:left; width:674px; color:#fff; font-size:11px; padding:2px 0 10px 14px; margin:0;  position:relative;}
div.agence h2{ margin:0; padding:0; text-align:left; font-size:18px; color:#9a0135; font-weight:normal}
div.agence h2.image{ font-size:1px;}
div.agence ul {margin:0; padding:2px 0 0 0; list-style-type:none; text-align:right; width:495px; line-height:18px; }
div.agence ul li{ width:100%; float:left; }
div.agence ul li span{float:left;}
div.agence div.mention{ position:absolute; right:15px; bottom:10px}
div.agence div.mention a:link, div.agence div.mention  a:visited{ color:#fff; text-decoration:none;}

a.contact:link, a.contact:visited{margin:0 0 0 4px; float:left;} 
a.contact span{ display:none;}

/*********page interne**************/
div.content{ clear:both;}
div.titlebig{ background:url(../images/background/titlebig.gif) repeat-x left top; text-align:right; padding:2px 32px 2px 16px;}
div.titlebig h1{ font-size:18px; font-weight:bold; color:#fff; margin:0 ; padding:0 0 0 12px; display:inline; background: url(../images/background/arrow_titlebig.gif) no-repeat left 4px;}
div.titlebig h1 span{ font-size:18px; color:#cccccc; padding-left:17px;}
div.titlebig span.annonces{ float:left; color:#fff; margin:4px 0 0 0}

div.sidebar{ width:274px; float:left; padding:6px 0 0 0}
div.sidebar ul{ margin:0;  list-style-type:none;}
ul.list2{ padding:0 0 0 4px;}

ul.list1{ padding:0 0 0 8px;}
ul.list1 li{width:132px; float:left; text-align:left; padding-left:116px;  height:61px;}
ul.list1 li.entreprise{ background:url(../images/background/entreprise.gif) no-repeat left top; padding-top:64px; padding-bottom:5px }
ul.list1 li.candidat{ background:url(../images/background/candidat.gif) no-repeat left top; padding-top:64px; margin-bottom:5px; height:68px;}
ul.list1 li.entreprise a, ul.list1  li.candidat a{background: url(../images/main_menu/puce2.gif) no-repeat left top;  font-family: "trebuchet MS";  float:left;  padding:2px 0 3px 10px ; line-height:11px; text-decoration:none; float:left; width:120px; color:#ffffff;}

ul.list2{width:258px; float:left;}
ul.list2 li{ text-align:left; padding:0 0 10px 0; margin-bottom:5px; background:url(../images/background/encart_bottom.gif) no-repeat left bottom}
ul.list2 li div{ background:url(../images/background/encart.gif) no-repeat left top; padding:8px 0 0 12px; display:block;}
ul.list2 li a:link, ul.list2 li a:visited{ display:block; text-decoration:none; padding:0 0 0 18px; margin:0 0 0 15px;color:#666666; background:url(../images/background/arrow_list2.gif) no-repeat left 1px; }
ul.list2 li h2{ font-size:14px; margin:0 0 6px 0; padding:0; color:#9b0235; width:240px}
ul.list2 li h2 a:link, ul.list2 li h2 a:visited{ background:none; padding:0;  margin:0;  color:#9b0235; }



div.mainlist{ float:left; padding-left:30px; width:652px; color: #333333; font-size:14px}
div.mainlist h1{ font-size:30px; font-weight:bold; color:#9b0235; margin:0 0 5px 0; padding:0;  display:block;}
div.mainlist h4{ font-size:20px; color:#9b0235; margin:35px 0 5px 0; padding:0;}
div.mainlist h1 span{ font-size:30px; color:#666666; padding-left:17px;}
div.mainlist  h3{ margin:8px 0 0 0; padding:0;}
div.mainlist p{ text-align:justify; width:620px; font-size:14px;  margin:6px 0; padding:0; display:block; float:left;}
div.mainlist p.right{text-align:right; padding:0 0 20px 0;}
div.mainlist p a{ color:#9b0235;  text-decoration:none; }
div.mainlist p a span{ font-weight:bold; font-size:13px;display:inline}
div.mainlist p span{ display:block;}


div.mainlist ul.charte{ list-style-type:none; margin:0  0 6px 0 ; padding:0 0 0 20px; width:560px; float:left; text-align:justify;}
div.mainlist ul.charte li{background:url(../images/background/arrow_list2.gif) no-repeat left  2px; padding:0 0 0 18px; margin:8px 0; width:inherit; }
div.mainlist ul.charte li span{ display:block; margin:0 0 0 10px;}
div.mainlist span.result{ display:block; clear:both; margin:12px 0 5px 10px; font-size:14px; color:#060606;}
div.pagenav{ background:url(../images/background/pagenav.gif) no-repeat left top; color:#333333; font-size:14px; position:relative;margin:0; padding:4px 0 4px 12px; width:610px; clear:both; float:left;}
div.pagenav img.background{ position:absolute; right:-25px; top:-101px;}
div.pagenav span{ margin-right:12px;}
div.pagenav span.page{float:left;}

div.nonav{ background:url(../images/background/no_pagenav.gif) no-repeat left top; margin:0; padding:4px 0 4px 4px; width:648px;  float:left;}
ul.choixacto{ list-style-type:none; margin:0; padding:2px 0 4px 0; font-size:11px; font-family: Arial, Helvetica, sans-serif ; float:left; width:inherit; } 
ul.choixacto li{ float:left; }
ul.choixacto li a{ text-decoration:none; margin:0; padding:0 3px; color:#000000; }
ul.choixacto li a.current{ color:#ffffff}

div.pagenav div.link{ width340px; float:left;  overflow: hidden;}
ul.navlinks{width:340px; float:left; margin:0; padding:0; list-style-type: none;}
ul.navlinks li{ float:left;}
div.infonavlinks{ font-weight:bold;  width:130px; float:left;}

div.pagenav div.link a:link, div.pagenav div.link a:visited{ color:#333333; text-decoration:none; }
ul.navlinks li a.nav_beg:link, ul.navlinks li a.nav_beg:visited{ background:  url(../images/nav.gif) no-repeat left bottom ; width:10px;  height:14px; float:left; margin:2px 0 0 0; padding:0;}
ul.navlinks li a.nav_beg:hover{ background:  url(../images/nav.gif) no-repeat left 2px ;}
ul.navlinks li span.nav_beg{ background: url(../images/nav.gif) no-repeat left top ; width:2px;  height:14px; float:left ; display:block; margin:2px 0 0 0; padding:0;}
ul.navlinks li a.nav_suiv:link, ul.navlinks li a.nav_suiv:visited{ background:  url(../images/nav.gif) no-repeat right bottom ; width:10px;  height:14px; float:left; margin:2px 0 0 0; padding:0;}
ul.navlinks li a.nav_suiv:hover{ background:  url(../images/nav.gif) no-repeat right 2px ; margin:2px 0 0 0;}
ul.navlinks li span.nav_suiv{ background: url(../images/nav.gif) no-repeat right top ; width:2px;  height:14px; float:left ; display:block; margin:2px 0 0 0; padding:0;}
div.pagenav div.link span.current,div.pagenav div.link a:hover{ margin:0; color:#990033;} 
div.pagenav div.link span, div.pagenav div.link a{ padding:0 4px;}
div.pagenav  span strong{color:#990033;}


ul.mainlist{ width:650px; float:left; }
ul.mainlist li{ clear:both; float:left;  margin:18px 0 0 0; padding:0; width:100%;}
ul.mainlist li p{ margin:0; padding:5px 0 0 0; width:410px}
ul.mainlist li p span{ display:block;}
ul.mainlist li div.list_outter{ width:442px; float:left;margin:0; padding:8px 0 0 0; background: #f5f4f4 url(../images/background/mainlist_top.gif) no-repeat left top; }
ul.mainlist li div.list_inner{ width:412px; float:left;margin:0; padding:0 20px 6px 10px; background: #f5f4f4 url(../images/background/mainlist_bottom.gif) no-repeat left bottom; }
/*div.list_inner span{ display:block;  margin:3px  0;}*/


ul.mainlist li div a:link, ul.mainlist li div a:visited{color:#9b0235; text-decoration:none; background:#f5f4f4;;}
ul.mainlist li a.postuler:link,ul.mainlist li a.postuler:visited{ font-size:18px; color:#9b0235; text-decoration:none; background:url(../images/background/arrow_postuler.gif) no-repeat left 0; width:105px; float:left; padding:22px 0 20px 24px; margin:18px 0 0 10px;}
ul.mainlist li a.postuler span{ background:url(../images/background/postuler.gif) no-repeat left  top; display: block; padding:0 19px 4px 19px; }


div.mainlist a.rechercher:link, div.mainlist a.rechercher:visited{ background:url(../images/rechercher.gif) no-repeat left top; color:#fff; text-decoration:none; margin:30px 0 25px  0; padding:4px 8px; display:block; width:170px;}

div.mainlistdetail{ width:650px; float:left}
div .listdetail_outter{width:622px; float:left;margin:0; padding:8px 0 0 0; background: #f5f4f4 url(../images/background/details_offres/offre_detail_top.gif) no-repeat left top; }
div .listdetail_inner{ width:592px; float:left;margin:0; padding:0 20px 6px 10px; background: #f5f4f4 url(../images/background/details_offres/offre_detail_bottom.gif) no-repeat left bottom; }
div .listdetail_inner div.dateRef{ width:592px; float:left; text-align:right; display:inline; font-weight:bold; margin:12px 0}
div .listdetail_inner div.dateRef span.ref{ float:left;}
div .listdetail_inner span.salaire{ display:block; font-weight:bold; margin:10px 0 0 0; float:left; }
div .listdetail_inner p{ margin:0; padding:10px 0 0 0; text-align:justify; width:585px;}
div .listdetail_inner div.Ref{ width:592px; float:left; display:inline; font-weight:bold; margin:5px 0}
div.Ref span{ display:inline; font-weight:normal;}
div.Ref span.ref{ font-weight:bold}

ul.gmapSidebar{ list-style-type: none; margin:2px 0; padding:0;}

div.mainlistdetail ul.links{ width:622px; margin:10px 0 0 0; padding:0; list-style-type:none;}
div.mainlistdetail ul.links li{width:311px; float:left; margin:2px 0}
ul.links li a:link, ul.links li a:visited, a.imprimer, ul.gmapSidebar li a{ color:#9b0235; font-size:12px; text-decoration:none;}
ul.links li.a_right{ text-align:right;}
ul.links li a:link, ul.links li a:visited, a.imprimer{ padding:2px 0 4px 39px; display:block}
ul.links li.a_right a:link, ul.links li.a_right a:visited, ul.gmapSidebar li a{ padding:2px 39px 4px 0} 
ul.links li a.imprimer:link, ul.links li a.imprimer:visited, a.imprimer{ background:url(../images/background/details_offres/imprimer.gif) no-repeat left top; }
ul.links li a.ami:link, ul.links li a.ami:visited{ background:url(../images/background/details_offres/ami.gif) no-repeat right top;}
ul.links li a.fav:link, ul.links li a.fav:visited{ background:url(../images/background/details_offres/favori.gif) no-repeat left top; }
ul.links li a.categorie:link, ul.links li a.categorie:visited{ background:url(../images/background/details_offres/categori.gif) no-repeat right top; }
ul.links li a.retour_liste:link, ul.links li a.retour_liste:visited{ background:url(../images/background/details_offres/retour_list.gif) no-repeat left top; color:#fff; padding:0 0 4px 39px;}
ul.links li a.recherche:link, ul.links li a.recherche:visited{ background:url(../images/background/details_offres/recherche.gif) no-repeat right top; }



div.downer{ padding-left:8px;}
div.downer div.agence{ background:url(../images/background/agence.gif) no-repeat left top; margin-right:80px}
/*********details actus*********/
div.actu_detail , div.entreprise{ padding-top:24px;}
div.actu_detail  div.text{ float:left; width:382px; background:#f5f4f4 url(../images/background/detail_actus/textactu_top.gif) no-repeat left top; margin:10px 10px 0 0}
div.actu_detail div.text_inner{ width:362px; background: url(../images/background/detail_actus/textactu_bottom.gif) no-repeat left bottom;  padding:0 10px 20px 10px; text-align:justify;}
div.actu_detail div.text_inner p{ width:350px; font-family:"trebuchet MS"; font-size:12px;}
div.actu_detail div.img{ width:219px; float:left; background:#f5f4f4 url(../images/background/detail_actus/img_top.gif) no-repeat left top; text-align:center; margin:40px  0 0 10px} 


div.img div.img_inner{ background:url(../images/background/detail_actus/img_bottom.gif) no-repeat  left bottom; padding:20px 0 10px 0; } 
div.actu_detail div.img span{ display:block; color:#9a0135; font-size:12px; }

a.actumenu:link, a.actumenu:visited{ background: url(../images/background/detail_actus/lien.gif) no-repeat  left center; display:block; float:left; clear:both; color:#333333; text-decoration:none; margin:4px 0; padding:0;}
a.actumenu span{ width:90px; float:left}
a.doc:link, a.doc:visited{ background:url(../images/background/detail_actus/doc.gif) no-repeat  left center; display:block;  float:left;  clear:both; color:#333333; text-decoration:none; margin:4px 0; padding:0;}
a.doc span{ width:70px; float:left}



/******* formulaire postuler ************/
form.form{text-align:left; display:block; float:left; width:auto; margin:10px 0 0 0}
.form .input0, .form .input1, .form .input2, .form .input3, .form .input4,.form .other{height:20px; border:1px solid #ccc; float:left; margin-bottom:10px; width:inherit}
.form .input0{width:188px}
.form .input1{width:300px}
.form .input2{width:150px}
.form .input3{width:50px}
.form .input4{width:300px; height:250px; height:199px}

.form label{width:130px; float:left; display:block; text-align:right; padding-right:10px}
.form label.ville{width:50px}
.form br{clear:both}
.form .btn_envoyer{ width:202px; height:30px; border:none; cursor:pointer}
.form span.etoile{color:#c20d08; display:inline}
input, select, fieldset, div, span{margin:0; padding:0}
fieldset{border:0; margin:5px 0}
div.left{ float:left; width:400px;}
div.rmq{ margin: 0 0 0 25px;  float:left; width:180px;  font-size:11px; color:#b22008}
fieldset.sendbt{text-align:center; width:442px}
div.error, span.error{font-size:13px; color:#ff0000; padding:5px 0; display: block;}
label.error{ color:#ff0000; display:block;  clear:both;  text-align:right; margin:0; padding:0; width:440px;}

.rechercheform  label{width:200px; float:left; display:block; text-align:right; padding-right:10px}

ul.pdfdownload{ margin:0; padding:10px 0 0 0;  list-style-type:none; width:550px; }
ul.pdfdownload li{ display:block; margin:4px 0; float:left; width:100%;}
ul.pdfdownload li a{ text-decoration: none; font-size:13px;  color: #9b0235; background:url(../images/pdf.png) no-repeat left top; padding: 0 0 0 25px; display:block; float:left}
ul.pdfdownload li a span{ color: #666666; display:block; }
a.underline span{ text-decoration:underline;  }

ul.printed_agence{ list-style-type:none; margin:0; padding:20px 0 0 0; width:620px; float:left; background:#cccccc ; }
ul.printed_agence li{ width:300px; height:150px; float:left;  margin:0 5px  0 0; }
ul.printed_agence li h2{ border-bottom:solid 1px #9b0235; display:block; width:100%; font-size:14px; color:#9b0235; margin:0; padding:0 0 0 0;}
ul.printed_agence li span{ display:block;}
.dsp_none {display:none;}
.printable2{width: 900px;}