/* Debut Reset */
* { margin:0; padding:0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height:11px;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	line-height:11px;
	color: black;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
h1, h2, h3, h4, h5, h6, strong, th { font-weight:900; }
em, blockquote { font-style:italic; }
/* Fin Reset */

/* Structure debut */
body{ font-size:10px; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF;  }

form{ display:block; width:100%; }
h1{ font-size:14px; letter-spacing:1px; padding-bottom:5px; border-bottom:#008dd4 solid 1px; color:#008dd4; margin:10px 0 15px; }
h2{ font-size:14px; }
p{ margin:5px 0 10px; }
a { color:#008dd4; text-decoration:underline; }
input.txt { width:100%; }
label { cursor:pointer; }
label.login { font-size:9px; }
.center{ text-align:center; }
div.clearFloat { clear:both; font-size:0 !important; height:0 !important; line-height:0 !important; }
.links a { margin-top:10px; font-size:10px; text-transform:uppercase; color:#000000; }

#conteneur { position:relative; width:1004px; margin:0 auto; background:url(/pub/pix/header.jpg) no-repeat -10px 0; text-align:left; }
#conteneur .head { position:relative; height:122px; }
#conteneur .Hindex { height:114px!important; }
#conteneur .head a.accueil { position:absolute; display:block; top:40px; left:80px;  }
#conteneur .head a.contact { position:absolute; display:block; top:56px; right:83px;  }
#conteneur  a.nos_metiers{ position:absolute; display:block; top:67px; right:315px;  }
#conteneur  a.offres_emplois{ position:absolute; display:block; top:67px; right:175px;  }

#contentAll{ width:835px; margin:0 90px; }
#contentAll.index{ left:4px; }

#contentLeft { float:left; width:636px; background:url(/pub/pix/content_bg.gif) repeat-y left; }
#contentLeft .top { height:191px; font-size:0; line-height:0; }
#contentLeft .top .ident{ font-size:12px; font-weight:900; letter-spacing:1px; line-height:16px; position:relative; top:23px; left:35px; }
#contentLeft .content { padding:0 29px 10px 29px; }
/*#contentLeft .content { padding:10px 21px 10px 29px; }*/

#contentLeft > .content { min-height:470px; }
* html #contentLeft .content { height:490px; } /* -- beurk !!! -- */

#contentLeft .visuelBg { background:url(/pub/pix/visuel-content.jpg) no-repeat 337px -30px;}
#contentLeft .content form * input.txt { width:150px; }
#contentLeft .content form * td { padding:1px; }
#contentLeft .bottom { height:19px; background:url(/pub/pix/content_down.gif) no-repeat top left; }

#contentRight { float:right; width:197px; }
#contentBottom { width:1004px; margin:auto; text-align:center; }
#contentBottom .foot { margin-top:10px; }
#contentBottom .foot * { font-size:9px; }

/* Structure fin */

#contentLeft .top { background:url(/pub/pix/visuel-defaut-title.jpg) no-repeat top left; }
#contentLeft .signin { background:url(/pub/pix/visuel-creer-compte-title.jpg) no-repeat top left; }
#contentLeft .page-credits { background:url(/pub/pix/visuel-credits-title.jpg) no-repeat top left; }
#contentLeft .page-plan_acces { background:url(/pub/pix/visuel-plan-acces-title.jpg) no-repeat top left; }
#contentLeft .page-demande_releve_heures { background:url(/pub/pix/visuel-demande-releve-heures-title.jpg) no-repeat top left; }
#contentLeft .page-partenaires { background:url(/pub/pix/visuel-partenaires-title.jpg) no-repeat top left; }
#contentLeft .page-mentions { background:url(/pub/pix/visuel-mentions-legals-title.jpg) no-repeat top left; }
#contentLeft .page-contact { background:url(/pub/pix/visuel-contacts-title.jpg) no-repeat top left; }
#contentLeft .jobs-view { background:url(/pub/pix/visuel-offres-emploi-title.jpg) no-repeat top left; }
#contentLeft .jobs-list { background:url(/pub/pix/visuel-offres-emploi-title.jpg) no-repeat top left; }
#contentLeft .user-edit { background:url(/pub/pix/visuel-mon-espace-title.jpg) no-repeat top left; }
#contentLeft .agent-new { background:url(/pub/pix/visuel-creer-agent-title.jpg) no-repeat top left; }
#contentLeft .moncompte { background:url(/pub/pix/visuel-mon-espace-title.jpg) no-repeat top left; }
#contentLeft .ask_email{ background:url(/pub/pix/visuel-demande-mdp-title.jpg) no-repeat top left; }

#memberPanel { background:url(/pub/pix/espace_candidats_bg.jpg) repeat-y left; }
#memberPanel .top { font-size:0; line-height:0; height:0; }
#memberPanel .content { background:url(/pub/pix/espace_candidats_title.jpg) no-repeat top left; padding:40px 29px 0 10px; line-height:15px; color:#FFFFFF; }
#memberPanel .content a { color:#FFFFFF; text-decoration:underline; font-size:9px; }
#memberPanel .content a:hover { text-decoration:none; }
#memberPanel .bottom { height:21px; background:url(/pub/pix/espace_candidats_down.jpg) no-repeat top left; }

#searchPanel { background:url(/pub/pix/votre_recherche_bg.jpg) repeat-y left; }

#searchPanel .top { font-size:0; line-height:0; }
#searchPanel .content { padding:13px 21px 0 10px; height:100%; min-height:inherit; }
#searchPanel .content form select { width:100%; font-size:10px; height:19px; margin-bottom:5px; }
#searchPanel .content form select option { font-size:10px; }
#searchPanel .bottom { height:21px; background:url(/pub/pix/votre_recherche_down.jpg) no-repeat top left; }

#lastJobsPanel { background:url(/pub/pix/dernieres_offres_bg.jpg) repeat-y left; }
#lastJobsPanel .ref{ display:none; }
#lastJobsPanel .top{ font-size:0; line-height:0; }
#lastJobsPanel .content { padding-top:3px; height:inherit; min-height:inherit; }
#lastJobsPanel .content .offre{ background:url(/pub/pix/offre_little_bg.jpg) repeat-y left; margin-left:9px; }
#lastJobsPanel .content .offreContent{ width:172px; background:url(/pub/pix/offre_little_content.jpg) no-repeat top left; padding:9px 0 0 9px; }
#lastJobsPanel .content .offreContent .job{ margin-right:10px; margin-bottom:2px; }
#lastJobsPanel .content .offreContent .job strong { font-size:10px; }
#lastJobsPanel .content .offreContent .remun{ font-size:11px; margin-right:10px; margin-bottom:2px; }
#lastJobsPanel .content .offreContent .lieu{}

#lastJobsPanel .content .offreBottom{ height:7px; background:url(/pub/pix/offre_little_down.jpg) no-repeat left; font-size:0; position:relative; }
#lastJobsPanel .content .offreBottom a.plusDetail{ display:block; position:absolute; z-index:10; top:-10px; right:32px; height:auto; width:auto; text-decoration:none; font-weight:900; font-size:9px; }
#lastJobsPanel .content .offreBottom a.plusDetail:hover{ text-decoration:underline; }
#lastJobsPanel .content a.voirOffres{ display:block; margin-right:24px; text-align:right; color:#FFFFFF; font-size:9px; }

#lastJobsPanel .bottom{ height:20px; background:url(/pub/pix/dernieres_offres_down.jpg) no-repeat top left; }

#indexTitle { background:url(/pub/pix/index_title.jpg) no-repeat top center; width:829px; height:243px; }
#indexTitle #memberPanel{ float:right; width:194px; }
#indexTitle #memberPanel, #indexTitle #memberPanel .content, #indexTitle #memberPanel .bottom { background-image:none; }

#indexContent{ background:url(/pub/pix/index_bg.jpg) repeat-y top left; width:100%; }

#searchPanel.index { background-image:none; float:left; margin:0; padding-left:24px; }
#searchPanel.index .top, #searchPanel.index .bottom { display:none; }
#searchPanel.index .content { padding:0; height:inherit; min-height:inherit; }
#searchPanel.index form select { width:100%; margin-bottom:7px; }
#searchPanel.index form { width:268px; }

#searchPanelContent { background-image:none; float:none; margin:0; position:relative; }
#searchPanelContent .top{ display:none; }
#searchPanelContent .content { padding:0; height:100%; min-height:inherit; }
#searchPanelContent form { width:268px; }
#searchPanelContent form select { width:100%; height:19px; font-size:10px; margin-bottom:7px; }
#searchPanelContent form select option { font-size:10px; }
#searchPanelContent form input.button{ position:absolute; top:45px; left:376px; }
#searchPanelContent .bottom{ display:none; }

#lastJobsPanel.index { background-image:none; float:left; position:relative; left:24px; }
#lastJobsPanel.index .top, #lastJobsPanel.index .bottom { display:none; }
#lastJobsPanel.index .content { padding-top:3px; margin-left:23px; height:inherit; min-height:inherit; }
#lastJobsPanel.index .content .offre{ background:url(/pub/pix/offre_normal_bg.gif) repeat-y left; width:471px; margin:0; }
#lastJobsPanel.index .content .offreContent * { font-size:11px; }
#lastJobsPanel.index .content .offreContent {  width:100%; background:url(/pub/pix/offre_normal_title.gif) no-repeat top left; padding:12px 110px 5px 9px; }
/*
#lastJobsPanel.index .content .offreContent .job{ float:left; margin:0; margin-bottom:2px; }
#lastJobsPanel.index .content .offreContent .remun{ float:left; margin-right:10px; margin-bottom:2px; }
#lastJobsPanel.index .content .offreContent .lieu{ float:left; margin-right:10px; margin-bottom:2px; }
*/
#lastJobsPanel.index .content .offreContent .job{ display:inline; margin:0; }
#lastJobsPanel.index .content .offreContent .remun{ display:inline; padding-right:10px; margin:0; }
#lastJobsPanel.index .content .offreContent .lieu{ display:inline; margin:0; }
#lastJobsPanel.index .content .offreBottom{ height:5px; background:url(/pub/pix/offre_normal_down.gif) no-repeat left; font-size:0; position:relative; }
#lastJobsPanel.index .content .offreBottom a.plusDetail{ display:block; position:absolute; z-index:10; top:-21px; right:32px; height:auto; width:auto; text-decoration:none; font-weight:900; font-size:11px }
#lastJobsPanel.index .content .offreBottom a.plusDetail:hover{ text-decoration:underline; }
#lastJobsPanel.index .content a.voirOffres{ margin-right:6px; color:#079fd4; }

#lastJobsPanelContent {}
#lastJobsPanelContent .top, #lastJobsPanelContent .bottom { display:none; }
#lastJobsPanelContent .content { padding:0; margin:0; height:inherit; min-height:inherit; }
#lastJobsPanelContent .content .ref{ color:#1392d5; font-size:9px; text-align:right; font-weight:900; margin-right:13px; margin-top:10px; }
#lastJobsPanelContent .content .offre{ background:url(/pub/pix/offre_big_bg.gif) repeat-y left; width:578px; margin:0; }
#lastJobsPanelContent .content .offreContent * { font-size:11px; }
#lastJobsPanelContent .content .offreContent { background:url(/pub/pix/offre_big_title.gif) no-repeat top left; padding:12px 120px 5px 15px; }
/*
#lastJobsPanelContent .content .offreContent .job{ float:left; margin:0; margin-bottom:2px; }
#lastJobsPanelContent .content .offreContent .remun{ float:left; margin-right:10px; margin-bottom:2px; }
#lastJobsPanelContent .content .offreContent .lieu{ float:left; margin-right:10px; margin-bottom:2px; }
*/
#lastJobsPanelContent .content .offreContent .job{ display:inline; }
#lastJobsPanelContent .content .offreContent .remun{ display:inline; padding-right:10px; }
#lastJobsPanelContent .content .offreContent .lieu{ display:inline; white-space:nowrap; }
#lastJobsPanelContent .content .offreBottom{ height:5px; background:url(/pub/pix/offre_big_down.gif) no-repeat left; font-size:0; position:relative; }
#lastJobsPanelContent .content .offreBottom a.plusDetail{ display:block; position:absolute; z-index:10; top:-19px; right:32px; height:auto; width:auto; text-decoration:none; font-weight:900; font-size:11px }
#lastJobsPanelContent .content .offreBottom a.plusDetail:hover{ text-decoration:underline; }
#lastJobsPanelContent .content a.voirOffres{ display:none; }


* html #searchPanel.index .content { height:auto !important; }
* html #lastJobsPanel.index .content { height:auto !important; }
* html #searchPanelContent .content { height:auto !important; }
* html #lastJobsPanelContent .content { height:auto !important; }
* html #searchPanel .content { height:auto !important; }
* html #lastJobsPanel .content { height:auto !important; }


#indexBottom{ background:url(/pub/pix/index_down.jpg) no-repeat top left; height:21px; font-size:0; }
#indexBanniere{ background:url(/pub/pix/index_foot.jpg) no-repeat top left; height:121px; ; margin-left:86px; vertical-align:middle;  }
#indexBanniere p{ margin:0pt 0pt 0pt 317px;padding:66px 0pt 0pt;}

#formUserInfo * { font-size:9px; }
#formUserInfo * td { height:34px; vertical-align:middle; }
#formUserInfo * th.first { width:130px; height:0; font-size:0; }
#formUserInfo * th.last { width:10px; }

#planacces .adresse { float:left; width:150px; }
#planacces .plan { float:right; }

#jobsView .ref { font-size:10px; color:#1392d5; text-align:right; margin:-10px 0 -5px; }
#jobsView .desc { font-size:12px; }

#newAgent { width:50%; }
#newAgent select, #newAgent input.text{ width:100%; }


#nosmetiers, #offres_emplois { text-align:center; top:90px; width:130px; display:none; position:absolute; z-index:99; background:#079fd9; }
#nosmetiers { right:315px; }
#offres_emplois { right:175px; }
#offres_emplois a, #nosmetiers a { display:block; width:120px; font-size:11px; margin:2px auto; text-decoration:none; color:#FFFFFF; }
#offres_emplois .top, #nosmetiers .top { width:116px; font-size:1px; height:1px; border-top:#FFFFFF 1px solid; margin:3px auto; }
#offres_emplois .sep, #nosmetiers .sep { width:116px; font-size:1px; height:1px; border-bottom:#FFFFFF 1px dashed; margin:0 auto 3px; }

.font9  { font-size:9px;  }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.colorNoir  { color:#000000; }
.colorBlanc { color:#ffffff; }
.colorRose  { color:#ee1180; }
.colorGris  { color:#575757; }
.colorBleu  { color:#1392d5; }

.colorMauve{ color:#d0d0d0}

.colorBleuFonce{ color:#079fd9;}
.colorBleuGris{ color:#079fd4;}