@import url('superfish.css');
@import url('reset.css');


a {
    color: #333333;
}

#contact_profile {
    display: none;
}

#relations_profile {
    display: none;
}

#professionnal_profile {
    display: none;
}

#skill_profile {
    display: none;
}

div.mapdiv {
    font-size: 10px;
}

div.mapdiv h2 {
    font-size: 12px;
}

/* Reset override */
b,strong {font-weight: bold}
i,em {font-style: italic}

/*
input, textarea, select, option {
    font-size: 10px;
}
*/
li.input input, textarea {
    font-weight: bold;hin
    border: 1px solid #AEDCF5;
    color: #3F87E9;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    margin: 0 0 13px;
    padding: 7px 3px 3px 3px;
    width: 210px;
}

li.input input[type=checkbox] {
    width: 20px;
}


/* Tag cloud */

.tags ul{
    margin:1em 0;
    padding:.5em 10px;
    text-align:center;
    }
.tags li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
    }
.tags li a{
    text-decoration:none;
    /*color:#fff;*/
    padding:0 2px;
    }
.tags li a:hover{
    color:#cff400;
    }

.tag1{font-size:82%;}
.tag2{font-size:88%;}
.tag3{font-size:95%;}
.tag4{font-size:115%;}
.tag5{font-size:135%;}

/* alternative layout */

.tags .alt{
    text-align:left;
    padding:0;
    background:none;
    }
.tags .alt li{
    padding:2px 10px;
    background:#efefef;
    display:block;
    }
.tags .alt .tag1,
.tags .alt .tag2,
.tags .alt .tag3,
.tags .alt .tag4,
.tags .alt .tag5{font-size:100%;}
.tags .alt .tag1{background:#7cc0f4;}
.tags .alt .tag2{background:#67abe0;}
.tags .alt .tag3{background:#4d92c7;}
.tags .alt .tag4{background:#3277ad;}
.tags .alt .tag5{background:#266ca2;}

.btn{display:block;}

/* // Tag cloud */



/*
 * STRUCTURE
 * ---------------------------------------------------------------------------
 */
body {
    font: 1em Arial, sans-serif;
    background-image: url('/img/body_bg.gif');
    background-repeat: repeat-x;
    background-position: 0 80px;
}

body.logged {
    background-position: 0 50px;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#header {
    width: 100%;
    clear: both;
    height: 110px;
}

body.logged #header {
    width: 100%;
    clear: both;
    height: 50px;
}

#content-wrapper {
    width: 100%;
    overflow: auto;
}

#nav {
    float: left;
    width: 200px;
}

#content {
    float: left;
    width: 540px;
}

#extra {
    float: right;
    width: 200px;
}

/*
 * HEADER
 * ---------------------------------------------------------------------------
 */
#logo-big {
	float: left;
	display: block;
	width: 266px;
	height: 80px;
	background: url('/img/ditwin_big.gif') no-repeat;
	text-indent: -99999px;
}
#logo {
	float: left;
	display: block;
	width: 161px;
	height: 50px;
	background: url('/img/ditwin.gif') no-repeat;
	text-indent: -99999px;
}

#tagline {
	float: left;
	line-height: 1;
	margin: 8px 0 0 40px;
}
#tagline em, #tagline strong {
	color: #999;
	font-size: .9em;
	text-transform: uppercase;
}

/*
 * TOP NAV
 * ---------------------------------------------------------------------------
 */
#topnav {
	clear: both;
	margin-left: 188px;
	height: 30px;
}
#topnav a, #topnav a:visited {
	color: #fff;
	text-shadow: #267294 1px 1px 1px;
	font-size: .85em;
	font-weight: bold;
	padding: 7px 12px;
	text-decoration: none;
}
#topnav li li {
	font-size: .8em;
	width: 220px;
	background:	#37a3d4;
	border-top: 1px solid #55b1da;
	border-bottom: 1px solid #3396c3;
}
#topnav li:hover, #topnav li.sfHover,
#topnav a:focus, #topnav a:hover, #topnav a:active {
	background: #7ac9e6;
	outline: 0;
}


/*
 * CONTENT
 * ---------------------------------------------------------------------------
 */
#content {
	margin: 10px;
	padding-top: 15px;
}

#content h1 {
	color: #1f7ead;
	font-size: 1.5em;
	text-transform: uppercase;
        margin-bottom: 20px;
}

#content p {
	color: #333;
	font-size: .75em;
	line-height: 1.5;
	margin-bottom: 11px;
}

#content fieldset:hover {
    background-color: #FBFBFB;
}

#path {
	font-size: .7em;
	margin-bottom: 20px;
}
#path span {
	color: #666;
}

#content form {
	margin-bottom: 20px;
}
#content .input {
        line-height: 2.3;
	font-size: 14px;
        color: #333;
}
#content .input label {
	width: 100px;
}

#content select {
	font-size: 14px;
        
}

#content .submit input {
	color: #fff;
	background: #f63;
	padding: 4px 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
        margin: 5px;
        font-weight: bold;
}

.important-element {
	color: #fff;
	background: #f63;
	padding: 4px 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
        margin: 5px;
        font-weight: bold;
}

.important-element a {
	color: #fff;
}

#content p,
#content ul,
#content ol {
	font-size: 10px;
	margin-bottom: 20px;
}
#content ol {
	list-style: decimal;
	margin-left: 25px;
}
#content ul {
	list-style: disc;
	margin-left: 20px;
}

#content .jstree ul {
    margin: 0;
}

.points-ditwin-large {
    color: green;
    font-size: 16px;
}

#content div.quickprofile-user {
    float: left;
    border: 1px solid gray;
    padding: 5px;
    margin: 5px;
    width: 200px;
    height: 75px;
    font-size: 10px;
    display: inline-block;
    border-radius: 4px;
    border-bottom: 2px solid #004b93;
    border-left: 2px solid #004b93;
}

#content div.quickprofile-joboffer {
    float: left;
    border: 1px solid gray;
    padding: 5px;
    margin: 5px;
    width: 200px;
    height: 75px;
    font-size: 10px;
    display: inline-block;
    border-radius: 4px;
    border-bottom: 2px solid darkgreen;
    border-left: 2px solid darkgreen;
}

#content div.quickprofile-company {
    float: left;
    border: 1px solid gray;
    padding: 5px;
    margin: 5px;
    width: 200px;
    height: 75px;
    font-size: 10px;
    display: inline-block;
    border-radius: 4px;
    border-bottom: 2px solid red;
    border-left: 2px solid red;
}

/*
 * FORMS
 * ---------------------------------------------------------------------------
 */
.form-error {
    border: 1px solid #c5071b;
    background: #fcf5f6;
}
.error-message {
    color: #c5071b;
    font-size: .85em;
    font-weight: bold;
    line-height: 1.8;
    margin-left: 160px;
}
.input {
    clear: both;
    overflow: auto;
    font-size: .8em;
    line-height: 1.4;
    padding: 5px 0;
}
.input label {
    margin-right: 5px;
    font-weight: bold;
    padding-right: 5px;
    display: block;
    float: left;
    text-align: right;
    position: relative;
    font-size: 12px;
}

.required {
    background: url('/img/required.gif') no-repeat 150px 4px;
}
.input-group {
    float: left;
    clear: none;
}
.submit {
    overflow: auto;
}


span.hint {
    font: normal 11px/14px verdana;
    background: #eee url(/img_css/bg-span-hint-gray.png) no-repeat top left;
    color:#444;
    border:1px solid #888;
    padding:5px 5px 5px 40px;
    width: 100px;
    position: absolute;
    margin: -12px 0 0 14px;
    display: none;
    text-align: justify;
}


li.welldone span.hint {
    background:#9fd680 url(/img_css/bg-span-hint-welldone.jpg) no-repeat top left;
    border-color:#749e5c;
    color:#000;
}
li.kindagood span.hint {
    background:#ffffcc url(/img_css/bg-span-hint-kindagood.jpg) no-repeat top left;
    border-color:#cc9933;
}


li.welldone {
    background:transparent url(/img_css/bg-fieldset-welldone.png) no-repeat 450px 0px;
}
li.kindagood {
    background:transparent url(/img_css/bg-fieldset-kindagood.png) no-repeat 450px 0px;
}


#content fieldset {
    padding: 10px 20px;
    margin-bottom: 10px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#content legend {
	font-size: .95em;
	font-weight: bold;
	padding: 0 10px;
}

.submit input {
	line-height: 1;
	text-decoration: none;
	float: right;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
        font-weight: bold;
}

#content form .subform {
        background-color: #FAFAFA;
}


/** TOP LOGIN **/
#top-login {
	float: right;
	text-align: right;
	margin-top: 20px;
}
#top-login form {
	margin-bottom: 5px;
}
#top-login input {
	font-size: .75em;
	margin-left: 5px;
}
#top-login-submit {
	color: #fff;
	background: #f63;
	padding: 2px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
        font-weight: bold;
}
#top-login a {
	font-size: .7em;
	color: #999;
	text-decoration: none;
}
#top-login a:hover {
	color: #000;
}

/** TOP SEARCH **/
#top-search {
	float: right;
	text-align: right;
	background: #eef1f2;
	padding: 7px 10px 0;
	margin-top: 16px;
	height: 27px;
}
#top-search input {
	font-size: .75em;
	border: 1px solid #3da6d5;
}
#top-search-submit {
	vertical-align: top;
	margin-top: 1px;
}

/*
input, textarea {
	font: 10px "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

#content input, textarea {
	font: 10px "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

#content form li.input ul.checkbox_list li {
    list-style: none;
}

#content form li.input ul.checkbox_list li label {
    width: auto;
    position: absolute;
    float: none;
    display: inline-block;
}

#content input[type=checkbox] {
    width: 20px;
}

#content form li.input {
    list-style: none;
}

#content ul.error_list {
    border: 1px solid #c5071b;
    background: #fcf5f6;
    list-style: none;
}

.error-message {
	color: #c5071b;
	font-size: .85em;
	font-weight: bold;
	line-height: 1.8;
	margin-left: 160px;
}
.input {
	clear: both;
	overflow: auto;
	font-size: 10px;
	line-height: 1.4;
	padding: 5px 0;
}
.input label {
	margin-right: 5px;
	padding-right: 5px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}
.required {
	background: url('/img/required.gif') no-repeat 150px 4px;
}
.input-group {
	float: left;
	clear: none;
}
.submit {
	overflow: auto;
}

#content fieldset {
	padding: 10px 20px;
	margin-bottom: 10px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
}

#content legend {
	font-size: .95em;
	font-weight: bold;
	padding: 0 10px;
}

.submit input {
	line-height: 1;
	text-decoration: none;
	float: right;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}

.ajax-loader {
    display: none;
    float: right;
}

#content li.input a {
    vertical-align: middle;
}
*/

/*
 * MESSAGES
 * ---------------------------------------------------------------------------
 */
.message {
	border: 1px solid;
	margin-bottom: 20px;
}
.mssg-title,
.mssg-text {
	padding: 5px;
}
.mssg-title {
	color: #fff;
	font-size: 10px;
}
.mssg-text {
	font-size: .7em;
}

.mssg-error {
	border-color: #e01616;
	background-color: #fdf3f3;
}
.mssg-error .mssg-title {
	background-color: #e01616;
}

.mssg-notice {
	border-color: #f57900;
	background-color: #fef8f2;
}
.mssg-notice .mssg-title {
	background-color: #f57900;
}

.mssg-success {
	border-color: #67b72f;
	background-color: #fafcf3;
}
.mssg-success .mssg-title {
	background-color: #67b72f;
}

.mssg-important {
	border-color: #16b5a4;
	background-color: #e6fefc;
}
.mssg-important .mssg-title {
	background-color: #16b5a4;
}
#nav-wrapper .mssg-important {
	margin: 20px 40px;
}



/*
 *
 *
 * Lists
 *
 */
#mini-profil {
	overflow: hidden;
	background-color: #eef1f2;
	margin-bottom: 15px;
	font-size: .65em;
}

#mini-profil-photo {
	float: left;
	background: url('/img/profile_photo_bg.gif') no-repeat;
	padding: 5px;
	margin: 10px 4px 10px 10px;
}
#mini-profil-photo img {
	margin-bottom: 5px;
}

#mini-profil a {
	text-decoration:none;
    color: #1f7ead;
}
#mini-profil a:hover {
	color: #000;
}
#mini-profil ul {
	float: left;
	width: 100px;
	margin: 7px 0;
}
#mini-profil li {
	display: block;
	padding: 4px;
	border-bottom: 1px dotted #999;
}
#mini-profil li:last-child {
	border: 0;
}
.profile-action {
	background-image: url('/img/profile_icons.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
}
.ico-messages { background-position: 0 0; }
.ico-contacts { background-position: 0 -32px; }

#mini-profil-footer {
	clear: both;
	overflow: hidden;
    background-color: #d0dadc;
    padding: 6px;
    font-size: 1.25em;
}

#mini-profil-footer span.nb-points {
	color: #347593;
	float: right;
	font-weight: bold;
}

#mini-profil-footer span.nb-offres {
	color: #ff7900;
	float: left;
	font-weight: bold;
}

.list-users ul,
.list-companies ul {
	clear: both;
	overflow: hidden;
}
.list-users li,
.list-companies li {
	background: url('/img/photo_bg.gif') no-repeat center top;
	text-align: center;
	float: left;
	width: 66px;
	overflow: hidden;
	margin-bottom: 5px;
}
.list-users img,
.list-companies img,
ul#ulActus span.img-profile img {
	padding: 2px;
	margin-bottom: 5px;
}


ul#ulActus span.img-profile {
	background: url('/img/photo_bg.gif') no-repeat center top;
	text-align: center;
	float: left;
	width: 66px;
	overflow: hidden;
	margin-bottom: 5px;
}

#content fieldset a {
    color: #1f7ead;
    text-decoration: underline;
}

div.vignette-user {
    width: 60px;
    height: 91px;
    margin: 1px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
}



#page-tools li {
	padding: 2px 0;
}
#page-tools a {
	font-size: .9em;
	padding-left: 20px;
}
.page-tool {
	background-image: url('/img/tools_icons.gif');
	background-repeat: no-repeat;
}

.ico-emplois    { background-position: 0   0px; }
.ico-contacts   { background-position: 0 -32px; }
.ico-groupes    { background-position: 0 -64px; }
.ico-evenements { background-position: 0 -96px; }

.page-tool span {
	color: #ff7900;
}

div.vignette-user a {
    font-size: 11px;
    text-decoration: none;
}

div.vignette-company {
    width: 60px;
    height: 91px;
    margin: 1px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

div.vignette-company a {
    font-size: 11px;
    text-decoration: none;
    color: #de6525;
}


#suggested-contacts li {
	clear: both;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
}
.suggested-contact-photo {
	float: left;
	margin-right: 5px;
	background: url('/img/photo_bg.gif') no-repeat center top;
}
.suggested-contact-photo img {
	margin: 2px 2px 6px;
}
.suggested-contact-details h3 {
	color: #666;
	font-weight: bold;
	margin-bottom: 10px;
}
.suggested-contact-details a {
	padding-left: 20px;
	font-size: .9em;
}

#events li {
	border-bottom: 1px dotted #999;
	padding: 3px;
}
#events strong {
	display: block;
	width: 40px;
	float: left;
}

#actions li {
    line-height: 35px;
    border-bottom: 1px dotted gray;
    vertical-align: middle;
}

/*
 * FOOTER
 * ---------------------------------------------------------------------------
 */
#footer-wrapper {
	background: #1f7ead;
}
#footer-fr {
	width: 960px;
	height: 202px;
	margin: 0 auto;
	background: url('/img/footer_bg.gif') no-repeat top center;
}
#footer-en {
	width: 960px;
	height: 202px;
	margin: 0 auto;
	background: url('/img/footer_bg_en.gif') no-repeat top center;
}
#footer-fr ul {
	margin-left: 310px;
}
#footer-en ul {
	margin-left: 310px;
}
#footer-blog-entries ul {
	padding-top: 30px;
	margin-bottom: 20px;
	width: 500px;
}
#footer-blog-entries li {
	clear: both;
	overflow: auto;
	color: #fff;
	font-size: .7em;
	background: url('/img/footer_li_bg.gif') no-repeat 0 10px;
	padding: 7px 0 7px 12px;
	border-bottom: 1px dotted #fff;
}

#footer-blog-entries a {
	float: left;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #c5e1ee;
}
#footer-blog-entries span {
	float: right;
}

#footer-links li {
	float: left;
	padding-left: 11px;
	margin-right: 11px;
	background: url('/img/footer_sep.gif') no-repeat 0 2px;
	font-size: .7em;
}
#footer-links a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding-bottom: 5px;
}
#footer-links .first {
	padding-left: 0;
	background: none;
}
#footer-links .icon {
	background-image: url('/img/footer_icons.gif');
	background-repeat: no-repeat;
	padding-right: 20px;
}
#footer-links .twitter {
	background-position: right top;
}
#footer-links .facebook {
	background-position: right -32px;
}


/*
 * PAGINATOR
 * ---------------------------------------------------------------------------
 */
#content .paginator {
	width: 100%;
	overflow: auto;
}
#content .paginator p {
	float: left;
	color: #666;
}
#content .paginator ul {
	float: right;
	list-style: none;
	margin: 0 0 20px 0;
}
#content .paginator ul li {
	float: left;
	margin-right: 6px;
	background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: #eee;
}
#content .paginator ul li a {
	display: block;
	padding: 2px 7px;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
#content .paginator ul li a:hover,
#content #paginator-current a:hover {
	color: #fff;
	background-color: #004b93;
	border-width: 0;
}
#content #paginator-current {
	border-color: #6fa9e0;
}
#content #paginator-current a {
	color: #004b93;
	font-weight: bold;
}


/*
 * EXTRA
 * ---------------------------------------------------------------------------
 */
#extra {
	padding-top: 35px;
}


/*
 * PARTICULIER
 * ---------------------------------------------------------------------------
 */
a.linkPro {
    color: #ff7900;
}

a.linkPart {
    color: #175877;
}

/*
 *
 * Events
 *
 *
 */
div#eventbox {
    margin-top: 5px;
    font-size: 10px;
    padding: 5px;
}

div#eventbox div#eventbox-header {
    color: white;
    font-weight: bold;
    background-color: mediumvioletred;
    height: 10px;
    padding: 5px;

}

div#eventbox ul li {
    border-bottom: 1px dotted mediumvioletred;
    padding-bottom: 2px;
}

/*
 * INFOBOX
 * ---------------------------------------------------------------------------
 */
.infobox {
	margin-bottom: 10px;
}
.infobox-header {
	border-style: solid;
	border-top-width: 1px;
	padding: 3px 10px;
}
.blue .infobox-header { background: #00a6ec; border-color: #1f7ead; }
.blue a { color: #1f7ead; }

.orange .infobox-header { background: #ff7900; border-color: #de6525; }
.orange a { color: #de6525; }

.green .infobox-header { background: #90b623; border-color: #6a8525; }
.green a { color: #6a8525; }

.purple .infobox-header { background: #cc0099; border-color: #960099; }
.purple a { color: #960099; }
	
.infobox-header h2 {
	color: #fff;
	font-size: .8em;
	font-weight: bold;
}
.infobox a {
	text-decoration: none;
}
.infobox a:hover {
	color: #000;
}
.infobox-body {
	padding: 5px 0;
	font-size: .7em;
}


li#li-application {
    font-size: 14px;
}

/*
 * TOOLBOX
 * ---------------------------------------------------------------------------
 */
#toolbox {
	margin-bottom: 20px;
	border-color: #004b93;
	border-width: 3px;
	border-style: solid;
}
#toolbox-header {
	height: 33px;
	background: #004b93 url('/img/icons/cog.gif') no-repeat 10px 7px;
}

#toolbox-header h2 {
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 6px 0 0 30px;
}
#toolbox-body {
	padding: 10px 10px 0px 10px;
}
#toolbox-body p,
#toolbox-body ol,
#toolbox-body ul {
	margin-bottom: 5px;
}
#toolbox-body ol {
	list-style: decimal;
	margin-left: 25px;
}
#toolbox-body ul {
	list-style: disc;
	margin-left: 20px;
}

/*
 * MAPBOX
 * ---------------------------------------------------------------------------
 */
.mapbox {
	margin-bottom: 20px;
	border-color: #004b93;
	border-width: 1px;
	border-style: solid;
        clear: both;
}
.mapbox-header {
	height: 33px;
	background: #004b93 url('/img/icons/network.png') no-repeat 10px 7px;
}

.mapbox-header h2 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 0 30px;
}
.mapbox-body {
	padding: 0px;
}
.mapbox-body p,
.mapbox-body ol,
.mapbox-body ul {
	margin-bottom: 5px;
}
.mapbox-body ol {
	list-style: decimal;
	margin-left: 25px;
}
.mapbox-body ul {
	list-style: disc;
	margin-left: 20px;
}

/*
 * PUB
 * ---------------------------------------------------------------------------
 */
.pub {
    margin: 0 20px 20px;
}
.pub-header {
    margin-bottom: 10px;
    text-align: center;
}
.pub-body {
    font-size: 11px;
}

img.pub-img {
    -webkit-box-shadow: #333 5px 5px .9em;
}
.pub-title {
    font-weight: bold;
    display: block;
    text-align: center;
    width: 160px;
    font-size: 14px;
    margin-bottom: 5px;
}
.pub-title a {
    color: #1f7ead;
    text-decoration: underline;
}
.pub-line1 {
    width: 160px;
    display: block;
    text-align: justify;
}
.pub-line2 {
    width: 160px;
    display: block;
}

/*
 * ACCUEIL
 * ---------------------------------------------------------------------------
 */
#content-home-fr {
	float: left;
	width: 700px;
	height: 570px;
	margin-top: 30px;
	background: url('/img/home.jpg') no-repeat;
}
#content-home-en {
	float: left;
	width: 700px;
	height: 570px;
	margin-top: 30px;
	background: url('/img/home_en.jpg') no-repeat;
}
#content-home-fr a {
	display: block;
	width: 230px;
	height: 209px;
	float: left;
	text-indent: -99999px;
	margin-top: 340px;
}
#content-home-en a {
	display: block;
	width: 230px;
	height: 209px;
	float: left;
	text-indent: -99999px;
	margin-top: 340px;
}
#home-candidat {
	margin-left: 10px;
}
#extra-home {
	float: right;
	width: 234px;
}
#home-inscription-fr a {
	display: block;
	width: 234px;
	height: 154px;
	position: absolute;
	top: 68px;
	background: url('/img/home_inscription.gif') no-repeat;
	text-indent: -99999px;
}
#home-inscription-en a {
	display: block;
	width: 234px;
	height: 154px;
	position: absolute;
	top: 68px;
	background: url('/img/home_inscription_en.gif') no-repeat;
	text-indent: -99999px;
}
#home-inscription-pro-fr a {
	display: block;
	width: 234px;
	height: 154px;
	position: absolute;
	top: 68px;
	background: url('/img/recruteur_inscription.gif') no-repeat;
	text-indent: -99999px;
}
#home-inscription-pro-en a {
	display: block;
	width: 234px;
	height: 154px;
	position: absolute;
	top: 68px;
	background: url('/img/recruteur_inscription_en.gif') no-repeat;
	text-indent: -99999px;
}
.home-box {
	position: absolute;
	width: 234px;
}
#home-inscrits {
	top: 240px;
}
#home-offres {
	top: 320px;
}
.home-box h2 {
	font-size: 1.5em;
	color: #666;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
	margin-bottom: 8px;
}
.home-box p, .home-box ul {
	font-size: .7em;
	line-height: 1.5;
}
.home-box a {
	color: #333;
}
.home-box a:hover {
	color: #999;
}


/*
 * NOTRE OFFRE
 * ---------------------------------------------------------------------------
 */
#content-wide {
	padding: 0 20px;
}
#prix {
	background: url('/img/prix_bg.gif') repeat-y top right;
}
#prix-table {
	width: 100%;
	background: url('/img/prix_bottom_bg.gif') no-repeat bottom right;
}
#prix-table thead th {
	background-image: url('/img/prix_top_bg.gif');
	background-repeat: no-repeat;
}
	#prix-col1 { background-position: -9999px -9999px; }
	#prix-col2 { background-position: 0 0; }
	#prix-col3 { background-position: -150px 0; }
	#prix-col4 { background-position: top right; }

#prix-table th,
#prix-table td {
	text-align: center;
}
#prix-table td {
	padding: 5px 0;
}

#prix-table th {
	vertical-align: bottom;
	padding: 25px 0 0 0;
}
#prix-table thead h2 {
	font-size: 1.1em;
	font-weight: bold;
}
#prix-table thead span {
	color: #f60;
	font-size: 1.3em;
	font-weight: bold;
}

#prix-table .features-group td {
	border-bottom: 1px solid #000;
}
#prix-table td.feature-head {
	text-align: left;
}

.feature-head h3 {
	font-size: .95em;
	font-weight: bold;
}
.feature td {
	border-bottom: 1px solid #ccc;
	font-size: .7em;
}
.feature td b {
	color: #f60;
}

#inscription td {
	padding: 15px 0 20px;
}
#inscription input {
	color: #fff;
	background: #004b93;
	font-size: .9em;
	font-weight: bold;
	padding: 4px 10px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	border: 0;
	cursor: pointer;
}
#inscription input:hover {
	background-color: #41a62a;
}


/*
 * POINTS DIWTIN
 * ---------------------------------------------------------------------------
 */
.credits-table {
	width: 100%;
	margin-bottom: 20px;
}
.credits-table th,
.credits-table td {
	padding: 5px 0;
}
.credits-table th {
	font-size: .8em;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.credits-col2 {
	width: 90px;
	text-align: right;
}
.credits-table td {
	border-bottom: 1px solid #ccc;
	font-size: .7em;
}
.price {
	color: #f60;
	font-weight: bold;
	text-align: right;
}

#credits-earn, #credits-spend {
	width: 440px;
}
#credits-earn {
	float: left;
}
#credits-spend {
	float: right;
}
#credits-earn h2,
#credits-spend h2 {
	margin: 20px 0;
	font-weight: bold;
}

#credits-earn p,
#credits-spend p {
	font-size: .7em;
	color: #666;
	margin-bottom: 20px;
}


/*
 * INSCRIPTION
 * ---------------------------------------------------------------------------
 */
#signup-form {
	width: 480px;
	float: left;
}
#signup-info {
	width: 400px;
	float: right;
}


/*
 * Resultats de recherche
 */

 #content ul#lstResults {
     list-style: none;
     border: 1px dotted #004B93;
     padding: 5px;
     margin: 0;
}

#content ul#lstResults li {
     border-bottom: 1px dotted gray;
     padding: 10px;
     margin: 10px;
}

#content ul#lstResults li a.link {
    color: #004B93;
    font-size: 20px;
}

#content ul#lstResults li p.description {
    font-size: 10px;
    color: #333;
}

#content ul#lstResults li span.score {
    font-size: 16px;
    color: green;
    float: right;
    margin-top: -15px;
}



/*
 * PAGE TIPS
 * ---------------------------------------------------------------------------
 */
#tips {
	background: #eef1f2 url('../img/tips_top_bg.jpg') no-repeat top right;
	padding: 88px 10px 10px;
}
#tips-skip {
	padding: 10px 18px;
}
#tips-skip a {
	color: #1f7eac;
	font-size: .75em;
	text-decoration: none;
}
#tips-skip a:hover {
	color: #000;
}
#tips-progress {
	padding-top: 14px;
	clear: both;
	overflow: hidden;
}
#tips-progress h2 {
	color: #666;
	font-weight: bold;
	font-size: 1.35em;
	margin-left: 18px;
	margin-bottom: 20px;
}
#tip-progress-bar {
	background: #fff;
	border: 1px solid #666;
	padding: 1px;
        height: 7px;
}
#tip-progress-bar div {
	background: #5db9de;
	height: 7px;
}
#progress-legend-100 {
	float: right;
}

.tip-section {
	padding: 10px 0;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
}
.tip-section h2 {
	color: #1f7ead;
	font-size: 1.35em;
	margin-bottom: 10px;
}

#tip-profil {
	clear: both;
	overflow: hidden;
}
#tip-profil-photo {
	float: left;
	background: url('../img/profile_photo_bg.gif') no-repeat;
	padding: 5px;
	margin: 0 20px 10px;
}
#tip-profil-photo img {
	margin-bottom: 5px;
}
#tip-profil-detail p {
	color: #1f7ead;
	font-size: 1.1em;
}
#tip-profil-detail a {
	color: #1f7ead;
	font-size: .8em;
	font-weight: bold;
	float: right;
	text-decoration: none;
}
#tip-profil-detail a:hover {
	color: #000;
}