body { background:#ffffff url("/app/sopratec/pix/fond.gif") repeat-x top left; color:#1a171b; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
ul, ol { list-style-position:outside; list-style-type:none; margin:0; }
ul.left{ float:left; width:50%; }
#pageContent ul { margin-bottom:10px; }

h1 { font-size:22px; letter-spacing:2px; font-weight:900; padding-left:30px!important; background:url(/app/sopratec/pix/h1-bg.gif) no-repeat 0 11px; }
h2 { font-size:14px; font-weight:normal; margin-bottom:10px; }
h3 { margin:3px 0 0; font:bold 16px Arial, Helvetica, sans-serif; }

p { margin:5px 0 10px; }
a { text-decoration:none; color:#1a171b; }
a:focus { outline:0 solid; }

input.text, select, textarea { border:#1a171b 1px solid; }

#gitec-copyright { text-align:center; margin:15px 0; color:#5A8CBB; font-size:11px; }
#gitec-copyright a { color:#5A8CBB; font-size:inherit; text-decoration:none; }

#gitec-site-box { width:990px; margin:26px auto; }
#gitec-header-box {
  background-image:url("/app/sopratec/pix/header.jpg");
  background-repeat:no-repeat;
  width:990px;
  height:129px;
}
#gitec-corps-box {
  background-image:url("/app/sopratec/pix/corp.gif");
  background-repeat:no-repeat;
  min-height:510px;
  margin:0 auto;
  padding:6px;
}
* html #gitec-corps-box { height:510px; }

#gitec-content-box { margin:8px 10px 0px; }

#gitec-menu { display:block; list-style: none; margin:0; width:978px; height:36px; }

#gitec-menu li { display:inline; float:left; margin:0; }

#gitec-menu li a {
  display:block;
  font:14px Arial, Helvetica, sans-serif;
  line-height:36px;
  height:36px;
  background-position:top right;
  background-image:url("/app/sopratec/pix/fond-menu.gif");
  color:#ffffff;
  text-align:center;
  text-decoration:none;
}
#gitec-menu li a:hover { background-position:bottom right; color:#333333; }

#gitec-menu li.present a    { width:126px; }
#gitec-menu li.candidat a   { width:141px; }
#gitec-menu li.entreprise a { width:151px; }
#gitec-menu li.offre a      { width:158px; }
#gitec-menu li.spe a        { width:151px; }
#gitec-menu li.groupe a     { width:110px; }
#gitec-menu li.contact a    { width:141px; background-position:top left !important; }
#gitec-menu li.contact a:hover    { background-position:bottom left !important; }

#gitec-menu-bas { min-height:150px; width:978px; margin:0 auto; }
#gitec-menu-bas td { background-color:#e1eaf3; border-right:#FFFFFF 1px solid; width:162px; }

#gitec-menu-bas p.menu-titre {
  background-image:url("/app/sopratec/pix/fond-menu-bas.gif");
  height:26px;
  font:12px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  text-align:center;
  color:#FFFFFF;
  line-height:26px;
  margin:0;
}

#gitec-menu-bas p.menu-titre a {
  font:12px Arial, Helvetica, sans-serif;
  display:block;
  text-transform:uppercase;
  text-align:center;
  color:#FFFFFF;
  line-height:26px;
  margin:0;
  text-decoration:none;
}

#gitec-menu-bas .sousmenu-bas { margin:5px 0; }

#gitec-menu-bas .sousmenu-bas li { list-style-position:outside; }

#gitec-menu-bas .sousmenu-bas a {
  background:url("/app/sopratec/pix/fleche.gif") no-repeat 0 5px !important;
  padding:0 0 0 10px;
  font:12px Arial, Helvetica, sans-serif;
  line-height:19px;
  margin:0 0 0 10px;
  text-decoration:none;
  color:#5a8cbb;
  display:block;
}
* html #gitec-menu-bas .sousmenu-bas li { height:100%; }

#gitec-menu-bas .sousmenu-bas a:hover { color:#004d95; background-image:url("/app/sopratec/pix/fleche-hover.gif") !important; }

/** BEGIN ************ MENU **************/

.content-menu h1 {
  background:url(/app/sopratec/pix/h1-default.gif) repeat-x top left; 
  font-weight:900;
  padding-left:15px!important;
  letter-spacing:normal;
}
.content-menu ul li a { padding:0 0 0 20px; line-height:20px; text-decoration:none; }
.content-menu ul li a:hover/*, .content-menu ul li a.selected*/
{ color:#00a3c5; background-image:url("/app/sopratec/pix/fleche-hover-espace-candidat.gif"); }

.content-menu h1 strong { text-transform:uppercase; }
.content-menu img { margin:5px 0 0; }

#menu-gauche { float:left; width:192px; }
#menu-droite { float:right; width:192px; }

#menu-gauche .content-menu,
#espace-entreprise .content-menu,
#espace-candidat .content-menu { width:192px; }

#menu-gauche .content-menu { width:100%; }

#menu-gauche .content-menu *,
#menu-droite .encart * { color:#1a171b; }

#menu-gauche .content-menu p,
#menu-droite .encart p {  margin:5px 0 10px 12px; }

#menu-gauche .content-menu h1,
#menu-droite .encart h1 { font-size:14px; height:36px; line-height:36px; background:url("/app/sopratec/pix/menu-droite-titre.gif") repeat-x top left; padding-left:11px!important; letter-spacing:normal; }

#menu-gauche .content-menu ul,
#menu-droite .encart ul { margin:5px 0 20px 12px; }

#menu-gauche .content-menu ul li a,
#menu-droite .encart ul li a { padding-left:11px; background:transparent url('/app/gitec/pix/fleche-agence.gif') no-repeat scroll 0 3px; text-decoration:none; color:#767476; line-height:18px; }

#menu-gauche .content-menu ul li a:hover,
#menu-droite .encart ul li a:hover
 { background:url(/app/sopratec/pix/fleche-agence.gif) no-repeat 0 3px; color:#333333; }

#espace-entreprise .content-menu,
#espace-candidat .content-menu { width:192px; }

#espace-candidat .content-menu ul li a,
#espace-candidat .encart ul li a { color:#ffc000!important; background:url("/app/sopratec/pix/fleche-candidat.gif") no-repeat 0 4px; }
#espace-candidat .content-menu ul li a:hover,
#espace-candidat .encart ul li a:hover { color:#DD9603!important; background:url("/app/sopratec/pix/fleche-candidat-hover.gif") no-repeat 0 4px; }

#espace-entreprise .content-menu ul li a,
#espace-entreprise .encart ul li a { color:#767476!important; background:transparent url('/app/gitec/pix/fleche-agence.gif') no-repeat scroll 0 3px; }
#espace-entreprise .content-menu ul li a:hover,
#espace-entreprise .encart ul li a:hover { color:#1A171B!important; background:url("/app/sopratec/pix/fleche-agence.gif") no-repeat 0 3px; }

/** END ************ MENU **************/


/******************************* STYLE DE LA HOME PAGE ********************************************/

#homeAdvert,
#gitec-content-box .kwo-advert { width:958px; height:142px; display:block; clear:both; margin-bottom:11px; }

.espace-box { float:left; display:inline; margin-right:21px; width:246px; }
.espace-box h1 {
  background-position:top left;
  background-repeat:repeat-x;
  font-weight:normal;
  font-size:16px;
  height:36px;
  line-height:36px;
  padding-left:15px!important;
  letter-spacing:normal;
}
.espace-box h1 strong { text-transform:uppercase; }

.espace-box a.button {
  display:inline;
  float:right;
  height:28px;
  width:39px;
  margin-top:4px;
  margin-right:11px;
  background-repeat:no-repeat;
}
.espace-box a.button:hover { text-decoration:none; border-bottom:none; }

.espace-box img { margin:5px 0 0; }

#espace-candidat .encart *,
#espace-candidat .content-menu *,
#espace-candidat #pageContent h1,
#espace-candidat #pageContent h2,
#espace-candidat-box * { color:#f0ad0f!important; }

#espace-entreprise .encart *,
#espace-entreprise .content-menu *,
#espace-entreprise #pageContent h1,
#espace-entreprise #pageContent h2,
#espace-entreprise-box * { color:#333333!important; }

#espace-candidat .encart h1,
#espace-candidat .content-menu h1,
#espace-candidat-box h1 { background:url("/app/sopratec/pix/h1-candidat.gif") repeat-x top left; }

#espace-entreprise .encart h1,
#espace-entreprise .content-menu h1,
#espace-entreprise-box h1 { background:url("/app/sopratec/pix/h1-entreprise.gif") repeat-x top left; }

#espace-candidat-box .button { background-image:url("/app/sopratec/pix/button-espace-candidat.gif"); }
#espace-entreprise-box .button { background-image:url("/app/sopratec/pix/button-espace-entreprise.gif"); }

#espace-candidat-box p {
  background-image:url("/app/sopratec/pix/fond-espace-candidat.gif");
  height:65px;
  margin:5px 0 0;
  padding:7px 10px 0;
  line-height:15px;
  margin:5px 0 0;
  padding:7px 0 0 15px;
}

#espace-candidat-box ul {
  height:52px;
  background-color:#fffbe8;
  margin:1px 0 0;
  padding:6px 0 0;
}

#espace-candidat-box ul li a {
  background:url("/app/sopratec/pix/fleche-candidat.gif") no-repeat 15px 4px;
  padding:0 0 0 26px;
  text-decoration:none;
  color:#66c8dc;
}
#espace-candidat-box ul li a:hover { 
  background-image:url("/app/sopratec/pix/fleche-candidat-hover.gif");
  color:#dd9603!important;
}

#espace-entreprise-box ul {
  background-color:#f7f7f7;
  height:52px;
  margin:1px 0 0;
  padding:6px 0 0;
}

#espace-entreprise-box ul li a{
  text-decoration:none;
  background:url('/app/gitec/pix/fleche-agence.gif') no-repeat 14px 3px;
  padding:0 0 0 26px;
  color:#767476 !important;
}
#espace-entreprise-box ul li a:hover{
  background:url('/app/sopratec/pix/fleche-agence.gif') no-repeat 14px 3px;
  color:#1A171B !important;
}

#espace-entreprise-box p {
  background-image:url("/app/sopratec/pix/fond-espace-entreprise.gif");
  height:65px;
  line-height:15px;
  margin:5px 0 0;
  padding:7px 0 0 15px;
}
#espace-entreprise-box p a {
  text-decoration:none;
  font-weight:bold;
}

#gitec-home-right-box { float:left; }
#gitec-right-cv-box {
  background-image:url("/app/sopratec/pix/img-deposeCV.jpg");
  background-repeat:no-repeat;
  border:1px solid black;
  height:90px;
  width:422px;
  font:11px Arial, Helvetica, sans-serif;
  color:#1a171b;
}
#gitec-right-cv-box h3 { margin:3px 0 0 130px; font:bold 16px Arial, Helvetica, sans-serif; }
#gitec-right-cv-box p { margin:3px 0 3px 130px; }
#gitec-right-cv-box a { margin:0 0 0 130px; text-decoration:none; color:#1a171b; }

#gitec-right-derniere-minute { width:201px; margin:7px 0 0; float:left; }
#gitec-right-derniere-minute h1 {
  background-image:url("/app/sopratec/pix/titre-derniere-minute.gif");
  height:48px;
  width:201px;
  padding:0!important;
  margin:0 0 12px;
}
#gitec-right-derniere-minute p { font:11px Arial, Helvetica, sans-serif; margin:0 9px 14px; }
#gitec-right-derniere-minute a { color: #5e2912; text-decoration:none; }

#gitec-right-agence { width:201px; margin:7px 0 0 22px; float:left; }
#gitec-right-agence h1 { background-image:url("/app/sopratec/pix/titre-agence-sopratec.gif"); height:48px; width:201px; margin:0 0 12px;  padding:0!important; }

#gitec-right-agence ul { list-style-position:outside; list-style: none; margin:0 0; font:12px Arial; }

#gitec-right-agence ul li a {
  background-image:url("/app/sopratec/pix/fleche-agence.gif");
  background-repeat:no-repeat;
  background-position:0 4px;
  margin:0 0 0 10px;
  padding:0 0 0 10px;
  line-height:18px;
  text-decoration:none;
  color:#1a171b;
}
* html #gitec-right-agence ul li a { display:inline; }

#gitec-right-agence ul li a:hover {
  background-image:url("/app/sopratec/pix/fleche-agence-hover.gif");
  color:#feab00;
}
.clearFloat { clear:both; height:0; line-height:0; font-size:0; }

#offres {}

#offres h1 { color:#00a3c5; margin-bottom:12px; }

#offres .offre-box {
  background:#FFFFFF url("/app/sopratec/pix/fond-espace-candidat-offre.gif") repeat-x bottom left;
  border:1px solid #f0a80f;
  margin-bottom:12px;
}
* html #offres .offre-box { zoom:1; }
*+html #offres .offre-box { zoom:1; }

#offres .offre-box h2 { color:#00a3c5; font-size:16px; font-weight:900; line-height:27px; margin:6px 12px; }
#offres .offre-box p { margin:0 12px 12px; font-size:12px; line-height:19px; }

#formSearchOffres a.submit,
#offres a.button {
  float:right!important;
  border:none!important;
  background:url(/app/sopratec/pix/btn-candidat-inscription.png) no-repeat top center!important;
  line-height:26px!important;
  height:26px!important;
  width:122px!important;
  color:#FFFFFF!important;
  font-size:12px!important;
  text-align:center!important;
  display:inline!important;
  margin:3px!important;
  padding:0!important;
}

#gmap { float:left; width:550px; height:450px; border:1px solid #B2B2B2; margin:0 11px; }
#gmap div.infowindow { font-size:10px; }
#gmap div.infowindow div.title { color:#961E1E; font-size:12px; margin-bottom:5px; }
#gmap div.infowindow div.nav { margin-top:5px; }
#gmap div.infowindow a { color:#961E1E; }

#pageContent { float:left; width:526px; margin:0 12px; padding:0 12px; }
#pageContent h1 { color:#333333; min-height:36px; padding:7px 0; }
* html #pageContent h1 { height:36px; }

#pageContent ul { /*margin-left:15px;*/ }
#pageContent ul li { padding-bottom:8px; padding-left:15px; background:url(/app/sopratec/pix/fleche-agence.gif) no-repeat 0 4px; }

#pageContent * a { color:#ffc000; }


#kwo-account-content { background:none!important; }
#candidatForm {}
#candidatForm div.field { clear:both; margin-bottom:15px; min-height:1.5em; }
* html #candidatForm div.field { height:1.5em; }
#candidatForm label { float:left; width:160px; text-align:right; display:inline; margin-right:12px; line-height:1.5em; }

#candidatForm input.text,
#candidatForm select,
#candidatForm textarea,
#candidatForm div.checkbox,
#candidatForm div.options { float:left; width:300px; display:inline; }

#candidatForm textarea { margin-bottom:20px; }


#candidatForm div.checkbox,
#candidatForm div.options { margin-bottom:15px; }

#candidatForm div.checkbox label,
#candidatForm div.options label { float:none; text-align:left; }

/*** BEGIN ***** Fenetre de connexion / inscription *****/
#kwo-signup { background:none; }
#kwo-signup h1 { padding-left:15px!important; background-image:none; }

.kwo-captcha-box { border:none; padding:0; width:100%; }
fieldset.captcha { border:none; border:1px dotted #AAAAAA; padding:8px; margin:10px; }

#kwo-signup .kwo-signup-fields { background-color:#FFF9E3; }

#kwo-signup .kwo-signup-terms-of-use,
#kwo-signup .kwo-signup-required-fields { margin:10px; }

#kwo-signup-step1 { background-color:#FFFFFF; color:#f0ad0f; }

#kwo-signup-body h1 {
  background:transparent url(/app/sopratec/pix/h1-candidat.gif) repeat-x scroll 0 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:normal;
  line-height:22px;
  margin:0 0 6px;
  height:22px;
  padding:7px 12px;
  text-transform:none;
}
* html #kwo-signup-body h1 { height:20px; }

#kwo-signup-body label{
	display:block;
}
/*temporaire*/
#kwo-signup-body .kwo-field, #kwo-signup-body .remember-me-box, #kwo-signup-body .kwo-signup-button{
	background-color:#fff9e3;
	padding:10px 12px;
}

#kwo-signup-body .kwo-signup-button{
text-align:right;
padding:0px 7px;
}

#kwo-signup-body input.text, #kwo-signup-body input.text{
	display:block;
	height:22px;
	width:223px;
	border:1px solid #FED51A;
	line-height:24px;
  padding-top:2px;
  padding-left:3px;
}

/** BEGIN *** Box Connexion ***/
.remember-me-box{
	margin:0px;
}
/** END *** Box Connexion ***/


/** BEGIN *** Box forgot password ***/
#forgot-password-box{
	background-color:#fff9e3;
	padding: 0px 7px 12px 12px;
	text-align:right;
}
#kwo-signup-forgot-password{
	display:block;
	margin: 12px 0px 0px 0px;
	padding:12px 0px 8px 12px;
	background-color:#fff9e3;
	text-decoration:none;
}
a#kwo-signup-forgot-password{
	color:#f0ad0f;
}

/** END *** Box forgot password ***/

/** BEGIN *** Box inscription ***/

#kwo-signup-right p{
background-color:#FFFCEF;
padding:12px;
margin:0px;
}
/** END *** Box inscription ***/



/*** END ***** Fenetre de connexion / inscription *****/


/*** BEGIN **** Formulaire compte-rendu mission *****/

#form-crm {}
#form-crm div.field { clear:both; margin-bottom:15px; min-height:1.5em; }
* html #form-crm div.field { height:1.5em; }
#form-crm label { float:left; width:250px; text-align:right; display:inline; margin-right:12px; line-height:1.5em; text-transform:uppercase; }

#form-crm select,
#form-crm textarea,
#form-crm div.options { float:left; width:300px; display:inline; }

#form-crm div.options { margin-bottom:15px; }

#form-crm div.options label { float:none; text-align:left; }

#form-crm select,
#form-crm textarea { margin-bottom:20px; background-color:#fbfbfb; border:#1a171b 1px solid; }

/*** END **** Formulaire compte-rendu mission *****/
 
/*** BEGIN **** Formulaire DE Commande *****/
.kwo-form .content label{ display:block; width:110px; margin:0 0 5px 0; }
.kwo-form .content input{ width:250px; margin:0 0 10px 0; }
.kwo-form .content textarea{ width:500px; }
* html .kwo-form .content label{margin:0;}

.kwo-form .content .field-yesno label { width:200px; margin:10px 0 0; }
.kwo-form .content .divOption input { margin:5px 5px 0 0; vertical-align:middle; width:auto; }


.kwo-form .content .kwo-captcha-box{ width:330px; }
.kwo-form .content .kwo-captcha-box .captcha { margin:10px 0; padding:12px; }
.kwo-form .content .kwo-captcha-box legend { background-color:#FFFFFF; }
* html .kwo-form .content .kwo-captcha-box legend { margin-bottom:10px; }
*+html .kwo-form .content .kwo-captcha-box legend { margin-bottom:10px; }
.kwo-form .content .kwo-captcha-box legend img { vertical-align:middle; }
.kwo-form .content .kwo-captcha-box label { width:165px; float:left; margin:3px 0 0 0; }
.kwo-form .content .kwo-captcha-box input { border:1px solid #000000!important; width:130px; margin:0; float:left; }

#kwo-account-menu .selected,
#kwo-account-menu .page_link,
#kwo-account-menu #kwo-account-logoff,
input.button {
  background:transparent url(/app/sopratec/pix/btn-candidat-inscription.png) no-repeat scroll 0 0 ;
  border:0 none !important;
  color:#FFFFFF !important;
  cursor:pointer;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin:7px !important;
  padding:6px !important;
  text-align:center;
  line-height:18px;
  height:30px !important;
  width:128px !important;
}
#kwo-account-menu { border:1px solid #FFFFFF !important; margin-bottom:20px; }

#kwo-account-menu .selected,
#kwo-account-menu .page_link,
#kwo-account-menu #kwo-account-logoff {
  height:18px !important;
  width:115px !important;
  margin:0!important;
}

#kwo-account-menu .selected { color:#FF3300!important; }
/*** END **** Formulaire DE Commande *****/

/************** Moteur de recherche Offre **********************/

#recherche-offres .word input { width:250px; }
#recherche-offres .secteurs select { width:350px!important; display:block; }

#recherche-offres .field { margin:10px 0; clear:both; }
#recherche-offres .field label { width:150px; float:left;  }
#recherche-offres .field .checkbox label { width:auto; float:none; }

#recherche-offres .checkbox label { margin-right:15px; }
#recherche-offres .checkbox input { margin-right:5px; }

#recherche-offres h1 { color:#00a3c5; margin-bottom:8px; }

#recherche-offres a {
  text-decoration:none;
  background-image:url("/app/sopratec/pix/fleche-agence-hover.gif");
  background-repeat:no-repeat;
  background-position:0 3px;
  padding-left:8px;
}
#recherche-offres #more { margin:10px 0 0; }
#recherche-offres #more .typeOffre label { margin-bottom:10px; }
#recherche-offres .departement { margin-bottom:10px; }

#espace-specialisations * a { text-decoration:none; color:#333333; }
.pagination { margin-bottom:10px; float:right; color:#00a3c5!important; }
.pagination .kwo-pagination-page { padding:1px 5px; background:#ffffff; color:#f0a80f!important; border:#f0a80f 1px solid; text-decoration:none; display:inline-block; }
.pagination a.kwo-pagination-page:hover,
.pagination a.kwo-pagination-selected { background:#f0a80f; color:#ffffff!important; border:#f0a80f 1px solid; text-decoration:none; }


#candidatForm .box-checkbox { display:block; float:left; width:300px; border:1px solid #B3B3B3; color:#808080; font-size:12px; text-align:left; border:1px solid #B3B3B3; color:#808080; margin-left:0; height:140px; overflow:auto; }
#candidatForm .box-checkbox label { color:#808080; display:inline-block; float:left; margin-left:8px; text-align:left; width:245px; }
#candidatForm .box-checkbox input.checkbox { display:inline-block; float:left; height:13px; margin-left:3px; margin-top:3px; width:13px; }

#candidatForm .box-checkbox ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:2px 0 5px 3px; text-align:left; }
#candidatForm .box-checkbox ul.agrandir a span { background:transparent url(/app/cvtheque/pix/cvsearch-metier-agrandir.png) no-repeat scroll 0 3px; display:block; height:13px; width:9px; }
#candidatForm .box-checkbox ul span { float:left; padding-left:2px; width:260px; }
#candidatForm .box-checkbox ul li {background:transparent url(/app/cvtheque/pix/cvsearch-metier-liste.png) no-repeat scroll 0 2px; float:left; line-height:18px; padding-left:15px; padding-bottom:0; }
#candidatForm .box-checkbox ul li label { width:225px; }

#candidatForm .box-checkbox ul.fold a span { background:transparent url(/app/cvtheque/pix/cvsearch-metier-agrandir.png) no-repeat 0px 3px;width:9px;height:13px;display:block; }
#candidatForm .box-checkbox ul a span { background:transparent url(/app/cvtheque/pix/cvsearch-metier-reduire.png) no-repeat 0px 3px;width:9px;height:13px;display:block; }
#candidatForm .box-checkbox ul.fold li { display:none; }