body {
  background: url("/images/blue-background.gif") repeat-x #44617E;
  text-align:center;
  font-family:Verdana, Helvetica,Arial,Sans-Serif,"Helvetica Neue";
  font-size:0.7em;
}

table th { background:transparent; border:none; }
table tfoot { font-style:normal; }

p img { margin:0; }

.hidden { display:none; }
.clear {clear:both; height:1px; margin:0 !important;}
.required em{color:red;}
.left { float:left; }
.right { float:right; }
#content .no_margin, #content .nomargin, #content .no-margin { margin-bottom:0;  }

#container {
  text-align:left;
  margin:10px auto;
  width:980px;
}

form.standard textarea {
  font-size:1em;
  font-family:verdana;
  width:100%;
}

a.external { background: url(../images/external_link.jpg) no-repeat right 2px; padding: 0 16px 0 0;}

/* =content
------------------------------------------*/
#content #breadcrumbs { margin:0 0 1em 0; line-height:1.6em; }
#content #breadcrumbs a { line-height:1.5em; }

#content {}
#content {
  font-size:1.1em;
}
#content h2 {
  font-size:1.6em;
  font-weight:bold;
  letter-spacing:-0.9px;
  line-height:1.45em;
  padding:0 0 0.3em 0;
  margin:0 0 0.3em 0;
}
#content h2, #content h2 a {
  clear:both;
  color:#17599F;
  text-decoration:none;
}
#content h2 a:hover {
  text-decoration:none;
  color:#17599F;
}

#content h3 {
  font-size:1.4em;
  line-height:1.4em;
  font-weight:bold;
  margin:1em 0 0.5em 0;
}
#content h3, #content h3 a {
  color:#17599F;
  text-decoration:none;
}
#content h3 a:hover {
  color:#222;
  text-decoration:none;
}

a, #content a { color: #274A79; text-decoration:none; }
a, #content a:hover { text-decoration:underline; }

#content p { margin: 0 0 20px 0;}
#content form.standard {
  margin:0;
  padding:0;
}
#content form.standard fieldset { padding:0; margin:0; }
#content form.standard legend { padding:0; margin:0; }

#content ol li {
  margin-left: 12px
}

#content ul {
  margin:0.5em 0 1em 0;
  padding:0;
  list-style:none;
}
#content ul li {
  margin-left:5px;
  margin-bottom:0.3em;
  padding-left:1em;
  background:url(/images/dark_blue_bullet.png) no-repeat 0 0.5em;
}
#content .before-list { margin-bottom:0; }

#content ol { margin-left:10px; }

#content form.standard ul {
  list-style:none;
}
#content form.standard ul li {
  background:none;
	display:block;
	margin:0;
	padding:6px 5px 9px 0px;
	clear:both;
}
#content form.standard ul li:after, #content form.standard ul li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html #content form.standard ul li {height: 1%;}
* html #content form.standard ul li div {display:inline-block;}
*+html #content form.standard ul li div {display:inline-block;}


/* =header
------------------------------------------*/
#header { float:left; }
#header #header-left { float:left; width:460px; }
#header #header-left h1 { float:left; width:292px; height:60px; }
div.fr#header-left h2 { background: transparent url("/images/2009_07_logo_ce2_fr.png") no-repeat; }
div.de#header-left h2 { background: transparent url("/images/2009_07_logo_ce2_all.png") no-repeat; }

#header-left h2 a { display:block; height:60px; width:292px; text-decoration:none; text-indent:-100000px; margin:0; color:#FFF; }

#header-right { float:left; width:520px; }

/* =footer
------------------------------------------*/
#footer { float:left; padding:1em 0; margin-bottom:100px; width:976px; background-color:#5484c5; text-align:center; color:#fff; border-left:2px solid #5484c5; border-right:2px solid #5484c5; border-bottom:2px solid #5484c5; }

#footer a { padding:0 10px; color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#clear_footer { float:left; height:100px; background:transparent; }

/* =tabs
------------------------------------------*/
#tabs { float:left;width:100%; }
#tabs ul { float:right; list-style:none; margin:0; padding:0; font-size:1.4em; letter-spacing:0.05em; }
#tabs li { float:left; }
#tabs a { display:block; float:left; padding:0 1.5em; line-height:2.5em; color:#FFF; text-decoration:none; }
#tabs ul li#tab-candidate { background:url("/images/candidat_droite.png") no-repeat right top; }
#tabs ul li#tab-candidate a { background:url("/images/candidat_gauche.png") no-repeat left top; }
#tabs ul li#tab-candidate:hover { background:url("/images/candidat_droite.png") no-repeat right -85px; }
#tabs ul li#tab-candidate a:hover { background:url("/images/candidat_gauche.png") no-repeat left -85px; }
#tabs ul li#tab-companies { background:url("/images/entreprise_droite.png") no-repeat right top; }
#tabs ul li#tab-companies a { background:url("/images/entreprise_gauche.png") no-repeat left top; }
#tabs ul li#tab-companies:hover { background:url("/images/entreprise_droite.png") no-repeat right -85px; }
#tabs ul li#tab-companies a:hover { background:url("/images/entreprise_gauche.png") no-repeat left -85px; }

/* =fadetabs
------------------------------------------*/
#fadetabs { clear:both; margin:0; padding:0; float:right; width:100%; }
#fadetabs ul { float:right;list-style:none;margin:0;padding:0; font-size:1.4em; letter-spacing:0.05em; }
#fadetabs ul li { float:left; position:relative; height:40px; width:250px; }
#fadetabs ul li:hover { width:250px; }
#fadetabs ul li a {}
#fadetabs ul li a:hover { text-decoration:none; }
#fadetabs ul li#tab-candidate a { width:250px; }
#fadetabs ul li#tab-companies a { width:250px; }

/* =subtabs
------------------------------------------*/
#subtabs {}
#subtabs { clear:both;float:left;width:976px; border-left:2px solid #5484c5; border-right:2px solid #5484c5; }
#subtabs ul { float:left; list-style:none; margin:0; width:100%; padding:1em 0; background-color:#5484c5; }
#subtabs ul li { float:left; margin:0 0 0 0.75em; line-height:2em; z-index:120; }
#subtabs ul li a { padding:.3em 1em .3em .5em; }

#subtabs ul li em { font-style:normal; margin-left:0.5em; display:inline-block; color:#FFF; padding-left:8px; }
#subtabs ul li span { color:#FFF; font-size:0.8em; line-height:1.8em; margin-right:2px; }

#subtabs ul li a.tabblue em { border-left:1px solid #21334d; }
#subtabs ul li.current a.tabblue em, #subtabs ul li a.tabblue:hover em { border-left:1px solid #6e0015; }

#subtabs ul li a.tabred em { border-left:1px solid #4f0013; }
#subtabs ul li.current a.tabbred em, #subtabs ul li a.tabbred:hover em { border-left:1px solid #6e0015; }


.tabbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .3em 1em .3em;
	font-size:1.1em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.tabbutton:hover {
	text-decoration: none;
}

/*.tabbutton:active {
  position: relative;
  top: 1px;
}
*/

.tabblue {
	color: #fef4e9;
	border: solid 1px #21334d;
	background: #3c5e8c;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c5e8c), to(#21334d));
	background: -moz-linear-gradient(top,  #3c5e8c,  #21334d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c5e8c', endColorstr='#21334d');
}
.tabblue:hover, #subtabs ul li.current a  {
  color: #fef4e9;
	border: solid 1px #6d0012;
	background: #A90020;
	background: -webkit-gradient(linear, left top, left bottom, from(#A90020), to(#830019));
	background: -moz-linear-gradient(top,  #A90020,  #830019);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A90020', endColorstr='#830019');
}

.tabred {
	color: #FFF;
	border: solid 1px #810410;
	background: #810410;
	background: -webkit-gradient(linear, left top, left bottom, from(#810410), to(#810410));
	background: -moz-linear-gradient(top,  #810410,  #810410);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#810410', endColorstr='#810410');
}
.tabred:hover, #subtabs ul li.current a {
  color: #FFF;
	border: solid 1px #810410;
	background: #A90020;
	background: -webkit-gradient(linear, left top, left bottom, from(#A90020), to(#830019));
	background: -moz-linear-gradient(top,  #A90020,  #830019);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A90020', endColorstr='#830019');
}

/* =wrapper
------------------------------------------*/
#wrapper { background-color:#FFF; clear:left; border-left:2px solid #5484c5; border-right:2px solid #5484C5; float:left; width:976px; padding:20px 0 48px 0; }
#w { padding-left:20px; }

/* =admin_nav
------------------------------------------------*/
#admin_nav { float:right; margin:0 0 30px 0; width:100%; text-align:left; }

/* =login_box
------------------------------------------------*/
#login_box { float:right; margin: 0 10px; line-height:1.5em; }


/* =language
------------------------------------------------*/
#language { float:right; margin: 0; }
#language a { display:block; float:left; height:1.5em; width:16px; margin-left: 7px; text-indent: -10000px; text-decoration: none; border:0; }
#language .fr { background: url(../images/fr.png) no-repeat 0px 0.5em; }
#language .en { background: url(../images/en.png) no-repeat 0px 0.5em; }
#language .de { background: url(../images/de.png) no-repeat 0px 0.5em; }

/* =flash
------------------------------------------------*/
#flash p { margin:1em 0; }
.flash { padding: 5px 8px; margin: 0 0 10px 0; background-color: #CFC; border: solid 1px #6C6; }
#flash_error { background-color: #FCC; border: solid 1px #C66; }

/* =pagination
------------------------------------------------*/
.pagination { float:left; width:100%; margin:1em 0; }
.pagination a, .pagination span { background: url("/images/page_gradient.jpg") repeat-x center bottom; display:block; float:left; margin: 0 2px 0 0; padding: 2px 5px; border:1px solid #D3D3D3; color:#274A79; }
.pagination a { color:#274A79; text-decoration: none; }
.pagination a:hover { border: 1px solid #274A79; }
.pagination span { color:#AAA; }
.pagination span.current { color: #FFF; background:#5484c5; }

/* =default left and right columns
------------------------------------------*/
#content #flash { margin-right:0; margin-top:0em; margin-bottom:2em; }
#content #left-column { width:616px; float:left; }
#content #right-column { width:310px; margin-left:20px; float:left; position:relative; }
#content #central-column { width:946px; float:left; }

/* =johnny
------------------------------------------*/
img.johnny { position:absolute; top:-50px; right:0; z-index:2; }


#johnny-cv { height:145px; z-index:5; position:relative }
img.johnny-cv { position:absolute; top:-45px; right:0; z-index:2; }
#johnny-cv a { font-size:1.15em; padding:1em 0.5em; line-height:1.5em; width:140px; text-align:center; }

#johnny-newsletter { height:145px; z-index:5; position:relative }
img.johnny-newsletter { position:absolute; top:-45px; right:0; z-index:2; }
#johnny-newsletter a { font-size:1.15em; padding:1em 0.5em; line-height:1.5em; width:140px; text-align:center; }

#johnny-networking { height:125px; z-index:5; position:relative }
#johnny-networking p {
  height:105px;
  font-size:1.1em;
  position:absolute; top:12px; left:15px;
  width:195px;
  color:#5484c5;
  margin:0;  
}
img.johnny-networking { position:absolute; top:-45px; right:0; z-index:2; }


#johnny-event { height:125px; z-index:5; position:relative }
#johnny-event p {
  height:105px;
  font-size:1.1em;
  position:absolute; top:12px; left:15px;
  width:200px;
  color:#5484c5;
  margin:0;  
}
img.johnny-event { position:absolute; top:-45px; right:0; z-index:2; }


#johnny-offer_search { height:280px; padding-left:30px; margin-top:-50px; }
img.johnny-offer_search { margin-left:25px; }
#johnny-offer_search a { font-size:1.15em; padding:1em 0.5em; line-height:1.5em; width:140px; text-align:center; }


/* =steps
------------------------------------------*/
#content #steps { float:left; margin-bottom:15px; margin-top:0px; }
#subtabs ul li { z-index:3; position:relative }
.candidate #content #right-column { z-index:1; position:relative }

#content #steps-intro {
  height:105px;
  font-size:1.1em;
  overflow:visible;
}
#content #steps-intro p {
  position:absolute; top:10px; left:15px;
  width:205px;
  color:#5484c5;
  margin:0;
}

#content #steps .off { float:left; margin-bottom:10px; }
#content #steps div.off h3 { color:#AAA; font-weight:bold; float:left; width:250px; }
#content #steps .off .text { background: #AAA; }

#content #steps a { display: inline-block; outline: none; cursor: pointer; text-decoration:none; display:block; float:left; margin-bottom:15px; }
#content #steps a:active { position: relative; top: 1px; }
#content #steps a h3 { width:330px; }
#content #steps a .text { margin:0; }

#content #steps a:hover { text-decoration:none; }
#content #steps a:hover h3 { color:#A90020; }
#content #steps a:hover .text { 
  background:#A90020; 
	background: -webkit-gradient(linear, left top, left bottom, from(#A90020), to(#810410));
	background: -moz-linear-gradient(top,  #A90020,  #810410);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A90020', endColorstr='#810410');
}

#content #steps h3 {
  padding-left:50px; font-size:1.05em; line-height:1.2em;
  letter-spacing:-0.5px;
  color:#5484c5;
  font-weight:bold;
  margin:0 0 2px 0;
  background:transparent;
}
#content #steps .text {
  float:left; color:#FFF; margin:0; width:390px; margin-bottom:12px;
  background:#5484c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#5484c5), to(#21334d));
	background: -moz-linear-gradient(top,  #5484c5,  #21334d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5484c5', endColorstr='#21334d');
  
  -webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#content #steps .text strong {
  float:left; display:inline-block; font-size:30px; line-height:46px; margin:0; padding:0; color:#FFF; font-weight:normal; width:40px; margin:0 0 0 10px;
  text-shadow: 0.04em 0.04em #1b4466
}

#content #steps .text em {
  float:left; display:inline-block; width:310px; font-style:normal;
}

#content #steps h3 { padding-left:50px; }
#content #steps .text { padding:5px 0; width:390px; }
#content #steps .text strong { width:30px; }
#content #steps .text em { width:330px; padding-left:10px; border-left:1px solid #21334d; min-height:46px; }
#content #steps .off .text em { border-left:1px solid #777; }
#content #steps a:hover .text em { border-left:1px solid #6e0015; }

/* =offers
------------------------------------------*/
.offers #content #left-column { width:616px; float:left; }
.offers #content #right-column { width:310px; margin-left:20px; float:left; position:relative; }

.offers #content #steps .text { width:310px; }
.offers #content #steps .text em { width: 220px; }

#content #steps.short h3 { width:250px; }
#content #steps.short .text { width:310px; }
#content #steps.short .text em { width: 220px; }


/* =partner
------------------------------------------*/
#intro_partners { width:300px; height:100px; }
#intro_partners h2 { width:100%; }
.partner { width:300px; height:180px; float:left; border:1px solid #444; }
.out { margin-right:10px; margin-bottom:10px; float:left; }
.in { padding:0 10px; float:left; }
#content .partner img { float:left; margin-right:10px; }
#content .partner h2 { display:block; float:left; font-size:1.5em; border:none; margin:0; padding:0; width:190px; }
#content .partner p { clear:left; margin:1em 0 0.5em 0; }
#content .partner p.content { margin:0; height:60px; }
.partner table, .partner tr, .partner td { padding:0; margin:0; }
.partner table tr { height:80px; vertical-align:middle; }
.partner table tr td.image { width:90px; }

/* =inscription-event
------------------------------------------*/
#inscription-event { margin:10px 0 20px 0; float:left; width:100%; }

#content #inscription-top ul { list-style:none; margin:0;padding:0; float:left; width:100%; }
#content #inscription-top ul li { 
  background:none; float:left; margin:0;padding:0; width:47%; font-size:1em;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-topright: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;  
}

#content #inscription-top ul li a, #inscription-top ul li span { display:block; padding: 0.5em 1em 0.5em 1em; color:#FFF; text-align:center;}

#content #inscription-top ul li.candidat { border:1px solid #5484c5; background:#5484c5; }
#content #inscription-top ul li.company { border:1px solid #BA001B; background:#BA001B; }

#content #inscription-top .candidat a {}
#content #inscription-top .company a, #inscription-top .company span { }
.i { padding:5px 10px; } 
#inscription-event form label { display:block; float:left; }
#inscription-event form input, #inscription-event form select { margin:0; float:left; width:100%; }
#inscription-event form input.button { width:auto; }
#inscription-candidat, #inscription-company { float:left; width:386px; }
#inscription-candidat { 
  border:2px solid #5484c5; border-top:10px solid #5484c5; 
  -webkit-border-bottom-left-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#inscription-company { 
  border:2px solid #BA001B; border-top:10px solid #BA001B; 
  -webkit-border-bottom-left-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#inscription-candidat dl, #inscription-company dl { float:left; width:100%; padding:0;margin:0; }
#inscription-candidat dt, #inscription-company dt { clear:left; float:left; margin:10px 0; }
#inscription-candidat dd, #inscription-company dd { float:left; margin:10px 0; }
#inscription-candidat dt { width:125px; }
#inscription-company dt { width:125px; }
#inscription-candidat dd { width:195px; }
#inscription-company dd { width:195px; }
#event_signin_error { color:red; }

/* =job_newsletter
------------------------------------------*/
#job_newsletter {}
#job_newsletter form.standard {
  background: #daf5ff;
  padding: 10px;
}
#job_newsletter form.standard ul li div.col span { margin:0; }
#job_newsletter table tfoot { font-style:normal; }
#newsletter_dirclue { 
  margin-top:150px; 
  font-size:1.6em;
  color:#b22222;
}

/* =bottom_article
------------------------------------------*/
#bottom_article { margin:20px 0; padding:20px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }

/* =button
------------------------------------------*/
a.button { display:block; float:left; padding:0.3em 0.6em; text-decoration:none; margin:0 0.6em 0 0; }
a.align-left { margin:0 0.6em 0 0; }
a.align-right { margin:0 0 0 0.6em; }
/* a:active.button {	position: relative;	top: 1px; } */
a.rounded {
  -webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

a.blue, #content a.blue { background:#5484c5; color:#FFF; }
a:hover.blue, #content a:hover.blue { text-decoration:none; background:#3c5e8c; color:#FFF; }

a.green, #content a.green { background:#339999; color:#FFF; }
a:hover.green, #content a:hover.green { text-decoration:none; background:#507D7D; color:#FFF; }

a.darkblue, #content a.darkblue { 
  background:#5484c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#5484c5), to(#21334d));
	background: -moz-linear-gradient(top,  #5484c5,  #21334d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5484c5', endColorstr='#21334d');
  color:#FFF;
}
a:hover.darkblue, #content a:hover.darkblue { 
  text-decoration:none;
  color:#FFF;
  background: #A90020;
	background: -webkit-gradient(linear, left top, left bottom, from(#A90020), to(#830019));
	background: -moz-linear-gradient(top,  #A90020,  #830019);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A90020', endColorstr='#830019');
}

/* =box
------------------------------------------*/
.box { background-color:#FFF; padding: 0 10px 10px; margin-bottom:1.5em; }

/* =account_sidebar_links
------------------------------------------*/
#account_sidebar_links { border:1px solid #CCC; padding:5px 10px; margin: 0 0 2em; }

/* =account_sidebar_article
------------------------------------------*/
#account_sidebar_article { border:1px solid #CCC; padding:10px; margin:2em 0; }
#account_sidebar_article h3 { border:none; margin:0; } 
#account_sidebar_article p { margin:0.5em 0; }

/* =connecti
------------------------------------------*/
.connecti { margin:0 0 15px 0; display:block; float:left; }

/* =networks
------------------------------------------*/
#networks {}
#networks ul#tab { float:left; width:100%; clear:both; margin:0; padding:0; }
#content #networks ul#tab li { float:left; margin:0; padding:0; list-style:none; position:relative; top:1px; background:#FFF; }
#networks ul#tab .viadeo { left:-1px; }
#networks ul#tab li a {
  text-indent:-10000px;
  display:block; float:left; padding:5px 10px 6px 10px; font-weight:bold;
  background:#FFF; color:#333;
  border-top:1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-topright: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
#networks ul#tab li a:hover { text-decoration:none; }
#networks ul#tab li a.current { border-bottom:1px solid #FFF; }
#networks ul#tab .xing a { background: url(../images/logo_xing.png) no-repeat 15px 6px; width:73px; height:30px; }
#networks ul#tab .viadeo a { background: url(../images/viadeo_logo.png) no-repeat 15px 5px; width:116px; height:30px; }
#networks .block { 
  border:1px solid #333; float:left; width:370px; padding:15px 10px; 
  -webkit-border-bottom-left-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  
  
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#networks #xing { }
#networks #viadeo { display:none; }

#networks ul#yes-no { float:left; margin:0; padding:0; }
#content #networks ul#yes-no li { float:left; margin:0 20px 0 0; padding:0; list-style:none; background:#FFF; }
#networks ul#yes-no li a { display:block; float:left; width:50px; text-align:center; padding:5px 10px 5px 10px; font-weight:bold; border:1px solid #333; color:#333; }
#networks ul#yes-no li a:hover { background:#CCC; color:#666; text-decoration:none; }
#networks ul#yes-no li a.current { background:#CCC; color:#666; }


#networks #viadeo-yes, #networks #viadeo-no, #networks #xing-yes, #networks #xing-no { clear:both; display:none; }

#networks .instruct { float:left; width:100%; margin:15px 0; }

#networks p.already_an_account { float:left; display:inline-block; line-height:30px; margin:0 20px 0 0; }
#networks p.intro { margin-bottom:10px; }

/* =careers
-------------------------------------------------*/
#careers {}
#careers #wrapper { background:#F5F5F5; }
#careers #content { width:630px; float:left; }
#careers #sidebar { width:325px; float:right; } 
#careers #sidebar #s { padding:0 20px; }
#careers #content .post { margin:0 0 20px 0; clear:both; }
#careers #content .post { border-bottom:1px solid #F1F1F1; }
#careers #content .post h2 { font-size:1.2em; margin-bottom:10px;; float:left; width:100%; }
#careers #content .post .intro_image { width:150px; float:left; }
#careers #content .post .intro_image img { width:133px; border:1px solid #CCC; padding:3px; }
#careers #content .post .intro_text { float:left; width:415px; }

#careers #content .info { font-size:0.9em; clear:both; padding-left:150px; padding-bottom:20px; }

#careers #content .info .more { margin-right:20px; padding-left:15px; background:url(/images/picto_lire.png) left no-repeat; }
#careers #content .info .category { margin-right:20px; padding-left:15px; background:url(/images/picto_rub.png) left no-repeat; }
#careers #content .info .date { margin-right:20px; }

#careers #content h1.outer-box-title { clear:both; width:500px; float:left; font-size:18px; line-height:1.5em; color:#a51718; font-weight:bold; margin-right:15px; }
#careers .outer-box { clear:both; padding:20px; border:1px solid #CCC; float:left; width:590px; background:#FFF; margin-bottom:25px;}

#content .addthis_toolbox { margin:15px 0; }

#careers #comments { clear:both; margin-top:15px; float:left; width:100%; }


#careers #bottom-box { margin:10px 0 5px 0; padding:10px; border: 1px solid #F0F0F0; float:left; background:#FDFDFD;}
#careers #bottom-box h4 { line-height:1.5em; font-size:1.1em; margin-top: 0.4em; margin-bottom: 0.8em; color:#17599F; font-weight:bold;}
#careers #bottom-box #others { float:left; width:568px; }
#careers #bottom-box #others ul { float:left; }
#careers #bottom-box #social { float:left; width:100%; }
#social div { float:left; }
#social #social-fblike { padding-top:2px; }
#social #social-plusone { padding-top:2px; margin-left:10px; }

#careers #sidebar .i { padding:5px; }
#careers #sidebar .inner-box { border:1px solid #5484C5; margin-bottom:10px; background:#FFF; clear:both; }
#careers #sidebar .inner-box h3 { 
  font-size:1em; padding:8px 15px; margin-bottom:0px; 
  color:#FFF;
  background:#5484C5;
}


#careers #sidebar #guides { position:relative; width:283px; margin-top:20px; clear:left; float:left; }
#careers #sidebar #guides .johnny { top:-87px; }
#careers #sidebar #guides .i { padding:10px 5px; }

#careers #sidebar #guides .i a.file { float:left; margin-right:8px; margin-bottom:5px; }
#careers #sidebar #guides .i a.file img { padding:2px; border:1px solid #CCC; }
#careers #sidebar #guides .i h4 { font-size:13px; font-weight:bold; margin-bottom:7px; }
#careers #sidebar #guides .i .description { float:left; width:150px; margin-bottom:7px; }
#careers #sidebar #guides ul { padding:0; margin:0; display:block; clear:both; }
#careers #sidebar #guides li { border-top: 1px solid #DCDDDE; padding:6px 15px ;padding-left:30px; display:block; background:url(/images/puce_menu_off.png) 18px 10px no-repeat; overflow:hidden; }
#careers #sidebar #guides li:hover { background:url(/images/puce_menu_on.png) 18px 10px no-repeat; }
#careers #sidebar #guides li a { text-decoration:none; }

#careers #sidebar .download { font-size:1em; padding:0; font-weight:normal; text-decoration:underline; }
#careers #sidebar .download:hover {text-decoration:none;}

#careers #rss_feed { float:right; }
#careers .rss_feed { float:left; display:block; width:20px; height:20px; overflow:hidden; position:relative; }
#careers .rss_feed img { top:-24px; position:absolute; }

#careers #sidebar .twitter { float:left; display:block; width:20px; height:20px; overflow:hidden; }

#careers #sidebar .list-view { margin-bottom:10px; }
#careers #sidebar .list-view ul { list-style:none; margin:0; padding:0; }
#careers #sidebar .list-view ul li { display:block; padding:6px 15px; }
#careers #sidebar .list-view ul li a { text-decoration:none; }
#careers #sidebar .list-view ul li a:hover { text-decoration:none; }

#careers #sidebar .list-view li.posts_in_categories { background:#cce1f7; color:#17599f; margin:0; overflow:hidden; }
#careers #sidebar .list-view li.posts_in_categories a { color:#274A79; }
#careers #sidebar .list-view .posts_in_subcategories { background:#FFF; padding:0; margin:0; display:block; overflow:hidden; }
#careers #sidebar .list-view .posts_in_subcategories ul { padding:0; margin:0; display:block; }
#careers #sidebar .list-view .posts_in_subcategories li { border-bottom: 1px solid #DCDDDE; padding-left:30px; display:block; background:url(/images/puce_menu_off.png) 18px 10px no-repeat; overflow:hidden; }
#careers #sidebar .list-view .posts_in_subcategories li:hover { background:url(/images/puce_menu_on.png) 18px 10px no-repeat; }
#careers #sidebar .list-view .posts_in_subcategories li.current { background:url(/images/puce_menu_on.png) 18px 10px no-repeat; }
#careers #sidebar .list-view li.current a { font-weight:bold; }

#careers #sidebar #johnny-offer_search { margin-top:20px; padding:0; padding-left:60px; }
#careers #sidebar #johnny-offer_search a { margin-top:-4px; }

#careers #search {}
#careers #search #query { width:225px; padding:4px; }
#careers #search .submitsearch { text-transform:uppercase; background:#5484C5; color:#FFF; border: none; padding:4px; }
#careers #search .submitsearch:hover { background:#3C5E8C; }
#careers #search-results {}
#careers #search-results h3 { font-size:1.1em; }
#careers #search-results p { margin-bottom:1em; }

#careers #disqus_thread li { background:none; padding-left:0; }
#careers #disqus_thread #dsq-toolbar-dropdown-wrap li { font-size:0.85em; }

form#starcompany.standard ul li span .choice {padding:0.44em 0 0 0;}
form#starcompany.standard ul li span {padding:-2px 0;margin:0;margin-right:0.5em;}
form#starcompany.standard ul li span.level0 {margin-left:0;}
form#starcompany.standard ul li span.level1 {margin-left:2em;}
form#starcompany.standard ul li span.level2 {margin-left:4em;}
form#starcompany.standard ul li span.level3 {margin-left:6em;}
form#starcompany.standard ul li span.level4 {margin-left:8em;}
form#starcompany.standard ul li span.level5 {margin-left:10em;}
form#starcompany.standard ul li span.level6 {margin-left:12em;}
#careers .starcompanies .options { font-size:0.85em; color:#AAA; margin-left:5px; width:20px; }
#careers .starcompanies table { margin-top:20px; clear:left; }
#careers .starcompanies table th { background:transparent; border-bottom:1px solid #CCC; }


/* =errorExplanation
-------------------------------------------------*/
#content #ErrorExplanation,
#content #errorExplanation {}

#content #ErrorExplanation,
#content #errorExplanation {
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin: 20px 0;
	background-color: #f0f0f0;
}

#content #ErrorExplanation h2,
#content #errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	font-size: 12px;
	letter-spacing:1px;
	margin: -7px;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
	color: #fff;
}

#content #ErrorExplanation p,
#content #errorExplanation p {
	color: #333;
	margin: 0.5em;
	padding: 5px;
	font-size:1em;
	line-height:1.4em;
}

#content #ErrorExplanation ul,
#content form.standard #ErrorExplanation ul,
#content #errorExplanation ul {
	margin: 20px 0 10px 0;
	padding-right:10px;
	list-style-type: none;
}

#content #ErrorExplanation ul li,
#content form.standard #ErrorExplanation ul li,
#content form.standard #ErrorExplanation ul li,
#content #errorExplanation ul li {
  background: url(/images/red_bullet.png) no-repeat 0 0.7em;
	margin:0 0 0 5px;
	padding:0.2em;
  padding-left:1em;
  line-height:1.4em;
}


.thomas-desray { float:right; padding:4px; border:1px solid #CCC; width:120px; margin-left:5px; margin-bottom:5px; }