﻿@charset "utf-8";
/*
   Maespirit
   Design & Integration par JOUBERT Franck (MaeS)  fj@maespirit.fr
*/

/* Reset */
* {	padding:0;	margin:0; 	outline: 0;	font-size: 100%;vertical-align: baseline;}
a {	outline-style:none; }
img {border:0;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;margin:0;padding:0;}
fieldset legend {display:none;}

/* Clear float */
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* General */

body {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
background:#580002;
color:#fff;
}
textarea {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
a {	text-decoration:none; color:#587385;}
a:hover { text-decoration:underline; }

/* Header */
.header_cont {
background:#720000 url(../img/header_cont-bg.gif) repeat-x center bottom;
}
.header {
height:148px;
width:1000px;
margin:0 auto;
position:relative;
}
h1.logo {
width:170px;
height:120px;
padding:17px 0 0;
float:left;
}
h1.logo a {
background:url(../img/dog-logo.gif) no-repeat center;
display:block;
width:120px;
height:115px;
text-indent:-9999px;
margin:0 auto;
}
.header .header-cont {
	width:510px;
	float:left;
}
.header .baseline {
font-style:italic;
color:#ffed71;
font-size:1.1em;
padding:5px 0;
height:38px;
}
.header-searchbox {
height:50px;	
}
.header-searchbox li {
float:left;	display:inline;
}
.header-searchbox li a {
color:#fff;
display:block;
padding:0px 10px;
line-height:20px;
font-weight:bold;
font-size:1.1em;
}
.header-searchbox li a.on {
color:#720000;
background: url(../img/header-search-ongletbg.gif) no-repeat right top;
}
.header-searchbox li a.on:hover {
text-decoration:none;
cursor:default;
}
.header-searchbox .search-cont {
border:1px solid #ffda6a;
}
.header-searchbox .search-cont td {
height:18px;

}
.header-searchbox .search-cont input {
vertical-align:top;	
float:left;
}
.header-searchbox .search-cont input.champ {
width:237px;	
border-color:#7d682a;
background:#fdfdfd url(../img/header-search-input.gif) repeat-x center top;
font-size:1.3em;
padding:3px;
}
.header-searchbox .search-cont input.submit, .header-searchbox .search-cont input.submit:active {
height:26px;
display:block;
width:27px;
border:1px solid #8b3800;
text-indent:-9999px;
overflow: hidden;
line-height:0;
font-size:0;

background:url(../img/header-search-btn.gif) no-repeat center top;
}
.header-searchbox .search-cont input.submit:hover {
background-position:center bottom;	
}

.header-menu {
	float:left;
	height:26px;
	width:510px;
	margin-top:24px;
}
.header-menu li {
float:left;display:inline;	position:relative;
}
.header-menu li a {
line-height:26px;
font-size:1.3em;
color:#fff;
display:block;
font-weight:bold;
float:left;
padding:0 23px 0 16px;
background:url(../img/header-menu-bg.gif) no-repeat center right;
}
.header-menu li a:hover, .header-menu li a.on {
/*background-color:#720000;*/
text-decoration:none;
}
.header-menu li.special a {
padding:0;
background:url(../img/header-menu-special-bg.gif) no-repeat top right;
}
.header-menu li.special a span {
display:block;
padding:0 10px 0 28px;
}
.header-menu li.special a.createprofil span {
background:url(../img/header-menu-special-ico.gif) no-repeat left top;
}
.header-menu li.special a.idashboard span {
background:url(../img/header-menu-special-ico.gif) no-repeat left -27px;
}
.header-menu li ul {
position:absolute;
background:#430000;
padding-bottom:1px;
left:0;
top:26px;
width:204px;
}
.header-menu li li{
float:none;
display:block;

margin:0; padding:0;
}
.header-menu li li a, .header-menu li.special li a, .header-menu li.special li a:hover{
	float:none;
	background:none;
	font-weight:normal;
	padding:4px 16px 4px 16px;
	line-height:1.3em;
	margin:1px;
	font-size:1.2em;
	border-top:1px solid #822727;
	color:#fff;
	margin-bottom:0;
	width:170px;
	background:#770000;
	
}

.header-menu li li a:hover, .header-menu li.special li a {
	padding:4px 16px 4px 16px;
	background:#dd7700;
	color:#fff;
	border-top:1px solid #eaa90c;
}
/* Loginbox */
.loginbox {
	width:320px;
	position:absolute;
	bottom:4px;
	right:0px;
}
.loginbox p a, .loginbox p a:hover { 
color:#fff;
}

.loginbox input.champ {
	background:#d7d1cf;
	padding:1px;
	padding-left:25px;
	width:65px;
	margin-right:4px;
	border-color:#300;
}
.loginbox input {
vertical-align:bottom;	
}
.loginbox input.ch-login {
background:#d7d1cf url(../img/loginbox-ico.gif) no-repeat 4px 2px;	
width:110px
}
.loginbox input.ch-pass {
background:#d7d1cf url(../img/loginbox-ico.gif) no-repeat 4px -46px;	
}
.loginbox input.abtn {
background:url(../img/login-btn-connect.gif) no-repeat center center;
width:81px;
padding:0;
height:20px;
text-indent:-9999px;
overflow: hidden;
line-height:0;
font-size:0;
border:none;
}
.loginbox input.abtn:hover {
background:url(../img/login-btn-connect.gif) no-repeat center center;}
/* Dashboard */
.dashboard {
height:141px;
background:url(../img/dashboard.png) repeat-x top left;
position:absolute;
right:0;
top:0;
border-left:1px solid #650006;
border-right:1px solid #610007;
width:250px;
padding:7px 10px 0;

}
.dashboard.biglist{
	padding-top:3px;	
}
.dashboard h2.user {
font-size:1.3em;
padding:0px 16px 5px 0;
border:none;
color:#fff;
width:200px;
white-space:nowrap;
overflow:hidden;
line-height:16px;
height:16px;
letter-spacing:normal;
text-transform:none;
}
.dashboard h2 .ico {
vertical-align:bottom;
margin-right:3px;
}
.dashboard a.btn-logoff {
background:url(../img/btn-logoff.gif) no-repeat top right;
width:16px;
height:16px;
display:block;
position:absolute;
right:8px;
top:7px;
text-indent:-9999px;
font-size:16px;
line-height:16px;
z-index:2000;
}
.dashboard a.btn-logoff:hover {
width:83px;
background-position:bottom left;
}
.dashboard .tools {
float:left;
padding:0;
margin-right:5px;
font-size:1.1em;
}
.dashboard .tools ul li {
}
.dashboard .tools ul li a{
color:#fff;
}
.dashboard .tools ul li a.dash-btn-abo {
background:#ffe698 url(../img/dashboard-btn.png) no-repeat right top;
color:#800;
margin-left:5px;
padding:0 10px 0 10px;
font-size:11px;
display:block;
font-weight:bold;
white-space:nowrap;
height:17px;
line-height:17px;
position:relative;
}
.dashboard .tools ul li a.dash-btn-abo span {
height:17px;
position:absolute;
width:1px;
font-size:0;
left:0;
top:0;
line-height:0;
background:#ffe698 url(../img/dashboard-btn.png) no-repeat left top;
}
.dashboard .tools ul li a.dash-btn-abo:hover{
text-decoration:none;
}
.dashboard .photo {
float:left;
margin:9px 10px 9px 5px;
height:82px;
width:82px;
}
.dashboard .photo a img {
width:74px;
height:74px;
background:#360000;
padding:1px;
border:3px solid #360000;
}
.dashboard .photo a:hover img {
background:#fff;
}
.dashboard .statut {
text-transform:uppercase;
color:#f0ae22;
font-size:1.1em;
font-weight:bold;
white-space:nowrap;
width:216px;
padding:2px 0 0 2px;
}
.site-cont {
background:#f7f7f7;
color:#222;
}
.site {
margin:0 auto;
width:1000px;
background:url(../img/site-bg.gif) repeat-y center top;
}
.site-top,.site-bottom {
display:block;
height:10px;
font-size:0;
line-height:0;
background:url(../img/site-bg-topbot.gif) no-repeat center top;
}
.site-bottom {
clear:both;
background-position:center bottom;
}
.column-left, .column-middle, .column-right {
display:inline;
float:left;
margin-left:20px;
width:150px;
}
.column-middle {
width:660px; 
height:500px;
}
html>body .column-middle {
min-height:500px;	
height:auto;
}
.column-middle-2 {
width:830px;
background:#f7f7f7;
}
.column-left {
margin-left:0;	
}
.box {
margin-bottom:10px;	
}
.column-left .box-content, .column-right .box-content {
width:140px;
margin-left:10px;
padding-top:3px;
}
.column-right .box-content {
margin-right:10px;
margin-left:0;
}
.column-middle .box-content {
margin-bottom:10px;
}
h2 {
text-transform:uppercase;
font-size:1.1em;
letter-spacing:1px;
font-weight:normal;
color:#6e0000;
border-bottom:1px solid #dad3d3;
}
h3 {
font-size:1.2em;
font-weight:normal;
color:#6e0000;
border-bottom:1px solid #dad3d3;
}
.column-left h2 {
padding-left:10px;	
}
.dragbox {
border:1px solid #bbb;
padding:1px;
margin-bottom:15px;
-moz-border-radius:5px;
}
.dragbox .box-content, .column-middle .dragbox .box-content {
padding:5px;
margin-bottom:0;
background:#fff url(../img/loginbox-bg-grad.gif) repeat-x scroll center bottom;
}
.dragbox h2 {
font-weight:bold;
background:#BD3333 url(../img/loginbox-title.gif) repeat-x scroll center bottom;
padding:1px 5px;
text-transform:none;
color:#fff;
border-top:1px solid #C83F3F;
border-left:1px solid #C83F3F;
border-right:1px solid #941F1F;
border-bottom:1px solid #941F1F;
-moz-border-radius-topleft :3px;
-moz-border-radius-topright :3px;
}
.dragbox h2, .dragbox h2:hover {
cursor:move;
}

.dragbox-gold {
border-color:#e2bc4b;
}
.dragbox-gold h2 {
background:#ffd75c url(../img/h2-golden.gif) repeat-x scroll center bottom;
border-top:1px solid #ffcc04;
border-left:1px solid #ffcc04;
border-right:1px solid #f2b306;
color:#a50000;
border-bottom:1px solid #f2b306;
position:relative;
}
h2 a.help {
top:1px;
right:1px;
}
.dragbox-gold .box-content, .column-middle .dragbox-gold .box-content {
background:#fff url(../img/loginbox-bg-grad-gold.gif) repeat-x scroll center bottom;
}
.dragbox-gold table.table tr td {
background:#faf1d4;
}
.dragbox-gold table.table td,.dragbox-gold table.table th {
border-color:#f6e6b3;
}
.dragbox-gold table a {
color:#7d3330;
}
tr.tr-gold td, table.table tr.tr-gold td {
background:#faf5d4;
}
table.table .tr-gold td,table.table .tr-gold th {
border-color:#f6e6b3;
}
table .tr-gold a {
color:#7d3330;
}

.talignl {text-align:left;}
.talignj {text-align:justify;}
.talignc {text-align:center;}
.talignr {text-align:right;}

/* Containing box */
.col-container {width: 660px;clear:both;}
.col_25,.col_33,.col_50,.col_66,.col_75,.col_100 {
display: inline;float: left;
margin-left: 12px;
}
.col-first {margin-left: 0; clear:left;}
.col-last {margin-right: 0;}
.col-container .col_25 {width: 156px;}
.col-container .col_33 {width: 212px;}
.col-container .col_50 {width: 324px;}
.col-container .col_66 {width: 436px;}
.col-container .col_75 {width: 492px;}
.col-container .col_100 {width: 660px;}

.column-middle-2 .col-container {width: 830px;clear:both;}
.column-middle-2 .col-container .col_25 {width: 198px;}
.column-middle-2 .col-container .col_33 {width: 268px;}
.column-middle-2 .col-container .col_50 {width: 409px;}
.column-middle-2 .col-container .col_66 {width: 550px;}
.column-middle-2 .col-container .col_75 {width: 619px;}
.column-middle-2 .col-container .col_100 {width: 830px;}

/* Form */
input.champ, select.champ, textarea.champ {
display:inline;
line-height:16px;
padding:2px 3px;
vertical-align:middle;
border:1px solid #b9b9b9;
margin:0;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
width:130px;	
font-size:1.2em;
line-height:1.3em;
}
select.champ {
width:138px;
}
th select.champ {
padding:1px;
font-size:12px;
}
.col_50 select.champ { 
width:196px;
}
.column-middle-2 .col_50 select.champ { 
width:120px;
}
.column-middle-2 .col_33 select.champ { 
width:146px;
}
.formchamp p, .formchamp label {
display:block;
float:left;
font-size:1.2em;
margin:0 2px 0 0;
}
.formchamp textarea.champ { 
height:100px;
width:260px;
}
fieldset label {
clear:left;
display:block;
float:left;
font-size:1.1em;
padding:6px 5px 6px 0;
text-align:right;
width:67px;
}
.col_50 fieldset label {
width:120px;
}
.column-middle-2 .col_50 fieldset label {
width:70px;
}
.column-middle-2 .col_33 fieldset label {
width:100px;
}
fieldset .input-cont {
float:left;
}
.input-cont {
/*
width:138px;
*/
display:block;
border:1px solid #fff;	
margin:2px 0;
}
input.abtn{
background:#C66500 url(../img/abtn-bg.gif) repeat-x 0px 0px;	
border:1px solid #c66500;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
padding:3px 12px;
overflow: visible;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
input.abtn:hover {
	background-position:0px -25px;
	border-color:#eb851d;
	text-decoration:none;
}
.input-wrong { padding-left:5px; color:#660000;line-height:30px; width:auto;}
.input-text { padding-left:5px; color:#555;line-height:30px; font-size:11px; width:auto;}
.input-wrong .ico { vertical-align:text-bottom; margin-right:3px;}
.formbig {
margin-top:7px;
}
.formbig .col_50 fieldset label {
width:70px;
}
.formbig label, .formbig .col-first fieldset label { width:130px; }
.formbig input.champ,.formbig textarea.champ { width:428px;}
.formbig select.champ { width:436px }
.formbig .input-cont { /* width:308px; */ }
.formbig .col_50 input.champ, .formbig .col_50 textarea.champ, .formbig .col_50 select.champ {
width:152px;
}
.formbig .col_50 select.champ {
width:160px;
}
input.wronginput, textarea.wronginput {
border-color:#f9a08f;
}
.fieldset-list li {
padding:6px 0;
font-size:1.1em;
}
.formbig .mceEditor {
float:left;	
}
.check-cont {
font-size:12px;
padding:6px 0;
float:left;
vertical-align:middle;
margin-right:15px;
}
.checkbox {
vertical-align:middle;
}
.check-cont input {
margin-right:5px;
}
.tableoption {
padding:5px 0;
font-size:1.2em;
}
.tableoption a:hover {
text-decoration:none;
}
span.red {
color:#C00;
font-size:0.9em;
}
.profil-pic {
padding:5px 0 10px;
}
.profil-pic img{
padding:1px;
background:#fff;
border:5px solid #ddd;
-moz-border-radius:5px;
margin-right:10px;
float:left;
}
.profil-pic input {
margin:0 5px;
}
fieldset.checkfield {
margin:3px 0 3px 137px;
vertical-align:middle;
}
fieldset.checkfield .checkbox {

}

/* btn */
a.btn {
background:url(../img/abtn-bg.gif) repeat-x 0px 0px;	
text-align:center;
border:1px solid #c66500;
color:#fff;
padding:5px 2px;
display:block;
font-size:12px;
font-weight:bold;
line-height:1em;
margin:2px 1px 4px;
-moz-border-radius:3px;

}
a.btn-inline, input.btn-inline { display:inline; padding:2px 8px;line-height:32px; margin:0 2px 0 0;white-space:nowrap;}
input.btn-inline {vertical-align:middle; line-height:18px; padding:2px 8px;}
a.btn-small { padding:0px 6px; line-height:24px;}
a.btn-r { float:right; padding:5px 8px; margin-left:4px;}
a.btn-l { float:left; padding:5px 8px; margin-right:4px;}
a.btn-c { margin:0 auto; display:block; padding:5px 8px; width:125px;}
a.btn:hover {
	background-position:0px -25px;
	border-color:#eb851d;
	text-decoration:none;
}
a.btn-cv {
display:block;
background:url(../img/btn-cv.png) no-repeat center center;
width:147px;
margin:3px auto;
height:44px;
padding:15px 0 0 65px;
color:#fff;
font-size:1.4em;
font-weight:bold;
}
a.btn-cv span {
display:block;	
font-size:0.8em;
color:#ffee70;
}
a.btn-cv:hover {
text-decoration:none;	
}
a.btn-pdf {
display:block;
background:url(../img/btn-pdf.png) no-repeat center center;
width:175px;
margin:3px auto;
height:44px;
padding:15px 0 0 65px;
color:#fff;
text-align:left;
font-size:1.4em;
font-weight:bold;
}
a.btn-pdf span {
display:block;	
font-size:0.8em;
color:#ffee70;
}
a.btn-pdf:hover {
text-decoration:none;	
}
.path {
font-size:1.1em;
padding:2px 0 10px;
}
/* Widget */
.ico {
width:16px;
height:16px;
background:url(../img/ico.png) no-repeat;
vertical-align:text-bottom;
}

.amore {
color:#e47600;
font-size:1.2em;
}
/* Liste entreprise */
.listtest {font-size:1.1em;}
.listtest li {padding:2px 0;}
.listtest li a {color:#595959;}
.listtest li .ico {margin-right:4px;}


/* Liste entreprise */
.listentreprise {font-size:1.1em;}
.listentreprise li {padding:2px 0;clear:left;}
.listentreprise li a {color:#595959;float:left;width:120px;}
.listentreprise li .ico {background-position:0 0;margin-right:4px;float:left;}

/* Liste métier */
.listmetier {font-size:1.1em;}
.listmetier li {padding:2px 0;clear:left;}
.listmetier li a {color:#595959;float:left;width:120px;}
.listmetier li .ico {background-position:-32px 0;margin-right:4px;float:left;}

/* Liste école */
.listecole {font-size:1.1em;}
.listecole li {padding:2px 0;clear:left;}
.listecole li a {color:#595959;float:left;width:120px;}
.listecole li .ico {background-position:-16px 0;margin-right:4px;float:left;}

/* Liste gens */
.listpeople {
font-size:1.1em;
}
.listpeople li {
padding:1px 0;
}
.listpeople a{
line-height:16px;
}
.listpeople .ico {
background-position: -32px 0;
margin-right:4px;
}
/* Onglets */
.ongletbox {
margin-top:10px;
}
.onglets {
background:url(../img/1px.gif) repeat-x left bottom;
}
.onglets ul {
height:25px;
}
.onglets ul li {
display:inline;
float:left;
}
.onglets ul li a {
margin-right:3px;
float:left;
display:block;
color:#6e6e6e;
font-size:13px;
line-height:25px;
height:25px;
padding:0 15px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.onglets ul li a:hover, .onglets ul li a.on, .onglets ul li a.on:hover {
background:#fff;
color:#651111;
line-height:24px;
padding:0 14px;
height:24px;
border:1px solid #d7d7d7;
border-bottom:0 none;
text-decoration:none;
}
.onglets ul li a:hover {
background:#F9F9F9 url(../img/1px.gif) repeat-x left bottom;
}
.onglets ul li a.on {
cursor:default;
}
.ongletframe {
border:1px solid #d7d7d7;
border-top:0 none;
background:#fff;
padding:10px;
clear:both;
}
/* Inscription */
.inscription-box {
height:82px;
margin-bottom:5px;
}

.inscription-box p {
background:transparent url(../img/inscription-flc.png) no-repeat center center;
height:52px;
text-align:center;
font-size:13px;
color:#666666;
padding:20px 50px 0;
float:left;
width:218px;
}
a.btn-creationcompte-membre, a.btn-creationcompte-recruteur {
display:block;
background: transparent url(../img/inscription-bulle.png) no-repeat center top;
width:171px;
height:82px;
text-indent:-9999px;
font-size:0;
line-height:0;
z-index:0;
float:left;
filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;
}
a.btn-creationcompte-membre:hover, a.btn-creationcompte-recruteur:hover, .inscription-box a.on {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
}
a.btn-creationcompte-recruteur {
background-position:center bottom;
}
/* Recherche d'offre */
.searchbox-dev {
background:#fff url(../img/loginbox-bg-grad.gif) repeat-x scroll center bottom;
padding:5px 0;
}
.searchbox-dev .box-content {
margin-bottom:0;
}
.searchbox-dev-btn a {
display:block;
height:20px;
line-height:20px;
text-align:center;
font-size:10px;
text-transform:uppercase;
color:#333333;
background:#fff url(../img/search-dev-fd.png) repeat-x scroll center bottom;
}
.searchbox-dev-btn a:hover {
background-position:center top;
color:#DC7100;
text-decoration:none;
}
.slidebar {
margin-bottom:6px;
}
.slidebar .ui-slider-horizontal {
height:9px;
width:194px;
background:#fff url(../img/ico.png) no-repeat scroll -1px -180px;
}
.slidebar .ui-slider-range {
background:transparent url(../img/ico.png) no-repeat scroll -1px -196px;
}
.slidebar .ui-slider-horizontal a.ui-slider-handle {
cursor:w-resize;
margin-left:-4px;
top:-3px;
width:10px;
height:14px;
background:transparent url(../img/ico.png) no-repeat scroll -144px -144px;
}
.slidebar .ui-slider-horizontal a.ui-slider-handle:hover {
background-position:-144px -160px;
}
.slidebar .ui-slider-horizontal a.ui-slider-handle-r {
background-position:-160px -144px;
}
.slidebar .ui-slider-horizontal a.ui-slider-handle-r:hover {
background-position:-160px -160px;
}
p.slide_txt {
font-size:1.1em;
padding:0;
text-align:center;
line-height:11px;
}

.searchbox-dev .formbig .col_50 fieldset label {
width:110px;
}
.searchbox-dev .formbig .col_50 select.champ {
width:196px;
}
.searchbox-dev .formbig .col_50 input.champ, .searchbox-dev .formbig .col_50 textarea.champ {
width:188px;
}
.searchbox-dev .formchamp p {
float:none;
}
/* Liste offre */
table.table tr td.td-nameoffre {
padding:0;
}
a.offre {
color:#505050;
display:block;
padding:3px 5px;
}
a.offre:hover {
text-decoration:none;
background:#f0f0f0 url(../img/tr-on.png) repeat-y scroll right top;
}
.tr1 a.offre:hover {
background:#fff url(../img/tr1-on.png) repeat-y scroll right top;
}
table .tr-gold a {
color:#505050;
background:url(../img/tr0-gold.png) no-repeat right center;
}
table .tr-gold a:hover {
color:#505050;
background:url(../img/tr0-goldon.png) no-repeat right center;
}
.tr1 a.cv:hover {
background:#fff url(../img/tr1-on.png) repeat-y scroll right top;
}
table .tr1-gold a.cv {
color:#505050;
background:url(../img/tr1-gold.png) no-repeat right center;
}
table .tr1-gold a.cv:hover {
color:#505050;
background:url(../img/tr1-goldon.png) no-repeat right center;
}
a.offre strong.offre-title {
color:#dc7100;
font-size:1.3em;
margin-right:15px;
}
a.offre .offre-rem {
color:#7f7f7f;
}
a.offre .offre-where {
display:block;
margin-top:4px;
}
a.offre:hover strong.offre-title {
text-decoration:underline;
}
/* Widget test */
a.btn-share {
display:block;
background:url(../img/btn-share.png) no-repeat center center;
width:140px;
height:53px;
text-indent:-9999px;
margin:3px auto 0;
}
a.btn-test {
display:block;
background:url(../img/btn-test.png) no-repeat center center;
width:140px;
height:56px;
text-indent:-9999px;
margin:3px auto 0;
}
.widget-test table {
width:100%;
margin-top:3px;
color:#595959;
font-size:1.1em;
}
.widget-test table td {
padding:2px 3px;
border-bottom:1px dotted #c2c2c2;
}
.widget-test table td.result {
width:20px; text-align:right;
font-weight:bold; color:#222;
}

/* Widget question */
.widget-question p.ask {
font-size:1.1em;
font-style:italic;
color:#595959;
width:138px;
}
a.btn-question {
display:block;
background:url(../img/btn-questions.png) no-repeat center center;
width:140px;
height:68px;
text-indent:-9999px;
margin:3px auto 0;
}
a.btn-news {
display:block;
background:url(../img/btn-news.png) no-repeat center center;
width:140px;
height:56px;
text-indent:-9999px;
margin:3px auto 0;
}
a.btn-createaccount {
display:block;
background:url(../img/btn-createaccount.png) no-repeat center top;
width:160px;
height:33px;
text-indent:-9999px;
margin:3px auto 0;
}
a.btn-createaccount:hover {
background-position:center bottom;
}
/* Widget Témoignage */
.widget-temoin p.title {
margin:5px 0 2px;
}
.widget-temoin p.title a{
font-size:1.2em;	
margin-left:5px;
}
.widget-temoin p.author {
	margin:2px 0 0;
}
.widget-temoin p.author a {
margin-left:5px;
color:#E47600;
font-size:1.1em;
}
.widget-temoin p.bulle {
	margin:0 0 12px;
	overflow:hidden;
}
.widget-temoin p.bulle a, .widget-temoin p.bulle a span {
display:block;	
}
.widget-temoin p.bulle a ,.widget-temoin p.bulle a:hover {
color:#666;	
text-decoration:none;
cursor:default;
}
.widget-temoin p.bulle a:hover span.readmore {
cursor:pointer;
}
.widget-temoin p.bulle a span{
	font-style:italic;
	font-size:1.1em;
	padding:10px 5px 0px 5px;
background:url(../img/temoin-bulle.gif) no-repeat center top;
}
.widget-temoin p.bulle a span.readmore{
	padding-top:0px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:5px;
	color:#720000;
	text-transform:uppercase;
	font-size:0.9em;
	text-align:right;
	background-position:center bottom;
}
a.btn-temoin {
display:block;
background:url(../img/btn-temoin.png) no-repeat center center;
width:140px;
height:53px;
text-indent:-9999px;
margin:3px auto 0;
}

/* Widget Rémunération */
.widget-remuneration .salaire {
text-align:center;
font-size:1.8em;
padding:5px 0;
font-weight:bold;
color:#222;
position:relative;
}
.widget-remuneration .salaire small {
font-size:0.6em;
font-weight:normal;
color:#666666;
}
.widget-remuneration .note {
margin-bottom:10px;	
}
/* Widget Insertion */
.widget-insertion {
text-align:center;
margin:10px;
position:relative;
}
.widget-insertion h3 {
font-size:1.3em;
color:#720000;
}

/* Liste newsletter */
.listnewsletter {
height:400px;
overflow:auto;
}
.listnewsletter li{
overflow:hidden;
white-space:nowrap;
}
.listnewsletter li:hover .ico {
background-position: -48px 0;
}
.listnewsletter li a span {
display:none;
color:#666666;
font-size:0.9em;
line-height:1em;
}
.listnewsletter li:hover a span {
display:block;
text-decoration:none;
}



/* Tableau */
table.table {
width:100%;
font-size:1.1em;

}
table.table td, table.table th {
border:1px solid #e5e5e5;
padding:3px 5px;
}
table.table tr td {
background:#f0f0f0;
vertical-align:middle;
}
table.table tr.tr1 td {
background:#fff;
}
table.table th {
border-style:dotted;
border-top:none;
border-bottom:1px solid #ccc;
vertical-align:bottom;
}
table.table th a {color:#222}
table.table th a:hover {text-decoration:none;}
table.table td.td-date { text-align:center}
table.table td.td-type { text-align:center}
table.table td.td-id { text-align:center}
table.table td.td-cp { text-align:center}
table.table td.td-siret { text-align:center}
table.table td.td-btn { padding:1px 5px;}
table.table td.td-btn a { float:left; height:16px;margin-right:4px;}
table.table td.td-region { text-align:center }
table.table td.td-remuneration { text-align:center }
table.table td.td-insertion { text-align:center }
table.table td.td-duree { text-align:center }
table.table td.td-note { text-align:center }
table.table td.td-notestar { text-align:center; }
table.table td.td-offre { text-align:center; }
table.table td.td-logo img { vertical-align:middle; background:#fff; border:1px solid #e5e5e5; padding:2px; width:50px; }

.tri-option {
font-size:1.2em	
}
.tri-option .champ {
font-size:0.9em;
}

/* Pagination */
.pg {
margin:15px 0;	
}
.pg strong, .pg small, .pg a {
border:1px solid #E5E5E5;
color:#555;
line-height:25px;
font-size:1.2em;
margin:0 5px 0 0;
padding:1px 8px;
text-align:center;
text-decoration:none;
-moz-border-radius:3px;
}
.pg strong, .pg small {
border:none;
color:#000;
font-size:108%;
padding:2px 6px;
}	
.pg small {
color:#999;	
font-size:0.8em;
padding:1px 0;
}
.pg a {
line-height:10px;
}
.pg a.flc {

}
.pg a:hover {
color:#e47600;
border-color:#d0d0d0;
background:#fff;
}

/* Fiche */

.fiche {
padding:10px 0;	
}

.detail, .fichelogo {
	float:left;
	margin-bottom:10px;
}
.fichelogo {
	margin-right:2px;
	vertical-align:middle;
	text-align:center;
height:136px;
width:136px;
padding:2px;
background:url(../img/fichelogo-fd.gif) no-repeat center center;
}
.fiche .detail {
width:510px;	
}
.fiche .detail h3 {
font-size:1.8em;	
letter-spacing:1px;
border-bottom:1px dotted #ddd;
padding:2px 0;
margin:2px 0;
}
.fiche .detail p {
font-size:1.2em;
padding:2px 0;	
}
.fiche h4 {
font-size:1.4em;
border-bottom:1px solid #ddd;
padding:2px 0;
color:#720000;
}
.fiche .fichetxt {
padding:10px 0;
font-size:1.2em;
}
.cadre-top, .cadre-bottom {
margin-top:10px;
background:url(../img/cadre_fd.gif) no-repeat center top;
height:10px;
font-size:0;
line-height:0;
}
.cadre-bottom {
background-position:center bottom;
margin:0 0 10px 0;
}
.cadre-content {
border:1px solid #d8d8d8;
border-top:none;
border-bottom:none;
background:#fff;
padding:10px;
}
.fiche .partnership {
text-align:center;	
font-size:1.2em;
}
.fiche .partnership a img {
margin:3px;
}
.fiche h5.asso-title {
text-transform:uppercase;
letter-spacing:1px;
font-size:1.2em;
padding-top:5px;
}
.fiche .asso-detail {
font-size:1.2em;
}
.fiche .asso-detail .ico {
vertical-align:sub;		
margin-left:5px;
}
/* Fiche CV */
.fiche-cv {
background:#fff;
border:1px solid #CCCCCC;
padding:20px;
margin-top:5px;
}
.fiche-cv h3 {
border:none;
text-align:center;
font-size:23px;
padding:20px 0;
color:#aaa;
}
.cv-detail {
float:left;
font-size:1.2em;
}
.cv-detail-r {
float:right;
text-align:right;
}
.cv-label, .cv-list {
float:left;
padding:0 5px 5px 5px;
}
.cv-list {
width:436px;
}
.cv-label {
width:160px;
text-align:right;
color:#666666;
font-weight:bold;
clear:left;
font-size:10px;
line-height:20px;
text-transform:uppercase;
}
.cv-list .cv-poste {
font-size:1.1em;
display:block;
line-height:18px;
font-weight:bold;
}
/* Tests */
h3.h3-test {
color:#720000;
padding:2px 0;
font-size:1.4em;
}
h3.h3-test span{
float:right;	
font-size:0.7em;
text-transform:uppercase;
color:#666;
}
.question-top, .question-bottom {
background:url(../img/cadre_fd.gif) no-repeat center top;
height:10px;
font-size:0;
line-height:0;
}
.question-bottom {
background-position:center bottom;
}
.question-content {
border:1px solid #d8d8d8;
border-top:none;
border-bottom:none;
background:#FFF url(../img/question_fd.gif) no-repeat 20px 20px;
padding:20px 100px;
}
.question-content p {
text-align:center;
font-size:1.3em;
padding:10px 0;
}
.question-content-ex {
padding:0px 30px;
background-image:none;
}
.question-content-ex p {
font-size:1.2em;
padding:5px 0;

}
.liste-reponse {
display:block;
width:370px;
margin:0 auto;
padding:20px 0;
}
.liste-reponse-ex {
margin:0 10px;
width:280px;
padding:5px 0;
float:left;
display:inline;
}
.liste-reponse li a span {
padding-left:40px;
}
.liste-reponse li a {
padding:9px 5px 5px 0;	
position:relative;
display:block;
font-size:1.2em;
color:#333;
border-bottom:#CCC 1px dotted;
}
.liste-reponse li a:hover {
text-decoration:none;
background:#fff;
color:#111;
}
.liste-reponse li a .lettre {
position:absolute;
left:0;
top:3px;
display:block;
width:30px;
height:26px;
text-align:center;
line-height:26px;
font-size:13px;
font-weight:bold;
color:#fff;
background:#999 url(../img/tests-abcd.gif) no-repeat center center;
padding-left:0;
}

.liste-reponse li a:hover .lettre {
background-color:#db7000;
}
.liste-reponse li a.selected .lettre, .liste-reponse li a:active .lettre {
background-color:#720000;
}

.test-title {
	font-size:1.4em;
	font-weight:bold;
	color:#720000;
	text-align:center;
	padding:5px;
	padding-bottom:0;
}
.test-present {
	padding:10px;
font-size:1.2em;	
}
.test-explication {
	float:left;
padding:12px 0;
width:360px;
display:inline;
}
.test-explication .tooltip {
position:inherit;	
width:360px;
}
.barre-avancement .barre-max, .barre-temps .barre-max {
background:url(../img/barre-fd.gif) no-repeat center center;
padding:2px;
width:136px;
height:16px;
display:block;
font-size:0;
overflow:hidden;
line-height:0;
}
.barre-avancement, .barre-temps {
text-transform:uppercase;
}
.barre-avancement p, .barre-temps p{
text-align:right;
color:#4d0000;
text-transform:none;
}

.barre-avancement .barre, .barre-temps .barre {
background:url(../img/barre-a.gif) repeat-x 0px 0px;
height:16px;
width:20px;
}
.barre-temps .barre {
background-position:0px -25px; 
}

/* Liste question */
.listquestiontest {font-size:1.1em;}
.listquestiontest li {padding:2px 0;}
.listquestiontest li a {color:#595959;}
.listquestiontest li .ico {background-position:-32px -16px;margin-right:2px;}
.listquestiontest li.miss a{color:#720000;}
.listquestiontest li.done .ico {background-position:-16px -16px;margin-right:2px;}
.listquestiontest li.on .ico {background-position:0px -16px;margin-right:2px;}
.listquestiontest li.on a {font-weight:bold; color:#111;}

/* Page question expert */
.devlopable a {
display:block;
line-height:1.5em;
padding:5px 0;
color:#555;
font-size:1.1em;
}
.devlopable a:hover {
text-decoration:none;
color:#333333;
}
.devlopable-box {
border-bottom:#EEE 1px solid;
margin-bottom:10px;
}
.acom {
color:#555;
font-size:1.2em;
}
a.acom:hover {
color:#333;
text-decoration:none;
}
.askfrom {
padding:0 20px;
text-transform:uppercase;
color:#888;
}
.question-content-ex p.reponse-present {
padding:0px;
font-size:1em;
font-weight:bold;
color:#999;
}
.question-content-ex p.reponse-txt {
font-size:1.2em;
padding:2px 0 5px;
}
.coms {
background:#FBFBFB;
padding:5px;
border:1px solid #E5E5E5;
margin-bottom:5px;
}
.com, .com1 {
padding:2px 0;
}
.com1 {
background:#F5F5F5;
}
.devlopable-box .coms, .an-article .coms {
margin-left:200px;
}
.an-article .coms {
margin-top:5px;
}
.com .a-com, .com .com-userpic {
float:left;
}
.com .a-com {
font-size:1.2em;
line-height:1.5em;
width:600px;
}
.devlopable-box .com .a-com, .an-article .com .a-com{
width:400px;
}
.com .a-com strong{

}
.com .com-userpic {
width:40px; margin-right:8px;
}
.com .com-userpic img {
width:34px;
background:#FFFFFF;
border:2px solid #DDDDDD;
float:left;
-moz-border-radius:3px;
padding:1px;
}

/* Article */
.an-article-mini {
border-bottom:5px solid #F0F0F0;
}
.an-article-title {
border:none;
padding-top:4px;
}
.an-article-title a {
color:#990000;
font-size:1.3em;
}
.an-article-title.homep a {
display:block;
width:430px;
}
.an-article-pic, .an-article-mini-content {
float:left;
}
.an-article-pic {
margin:5px;
margin-top:0;
}
.an-article-mini .an-article-pic {
width:150px;
text-align:center;
margin:0;
}
.an-article-pic a {
display:block;

margin:0px auto;
}
.an-article-mini .an-article-pic a {
height:138px;
width:138px;
}
.an-article-txt ul, .an-article-txt ul li{
	list-style-type:disc;	
}
.an-article-txt ol, .an-article-txt ol li{
	list-style-type:decimal;	
}
.an-article-pic img, .an-article-txt .an-article-pic img {
border:1px solid #ddd;
background:#fff;
padding:3px;
}
.an-article-pic a:hover img {
border:3px solid #ffe697;
padding:1px;
}

.an-article-mini-content {
color:#333;
width:480px;
}
.an-article-txt {
font-size:1.2em;
color:#333333;
margin-bottom:10px;
}
.an-article-txt img {
border:1px solid #CCCCCC;
background:#fff;
padding:2px;
margin:2px 4px;
}
.an-article-detail {
text-transform:uppercase;
color:#999;
}
.an-article-detail strong, .an-article-detail strong a, .an-article-detail strong a:hover {
color:#666;
}
.an-article-stat {
font-size:1.1em;
line-height:16px;
}
.an-article-content .an-article-stat {
line-height:28px;
border-top:1px dotted #CCC;
padding-top:5px;
text-align:right
}

.an-article-stat .note{
float:left;
margin-right:10px;
}
.an-article-content .an-article-stat  .note {
margin:5px 10px 5px 0;
}
.an-article-extract {
clear:left;
font-size:1.2em;
padding-top:5px;
}
/* Notation */

.note {
width:80px;
height:16px;
display:block;
margin:0 auto;
text-align:left;
line-height:0;
font-size:0;
background:url(../img/ico.png) no-repeat -80px -96px;
}
.note-result {
width:80px;
height:16px;
display:block;
background:url(../img/ico.png) no-repeat -80px -80px;
}
.note-argent {
background:url(../img/ico.png) no-repeat -80px -64px;
}
.note-argent .note-result {
background:url(../img/ico.png) no-repeat -80px -48px;
}
.note-argent {
background:url(../img/ico.png) no-repeat -80px -64px;
}
.note-argent .note-result {
background:url(../img/ico.png) no-repeat -80px -48px;
}
.note-select {
background:url(../img/ico.png) no-repeat -80px -128px;
}


/* Tool tip */
.tooltip {
border:1px solid #e0cf87;
background:#f7efde url(../img/tooltip-fd.gif) repeat-x left bottom;
font-size:1.1em;
position:absolute;
-moz-border-radius:5px;
}
.tooltip-w {
width:200px;	
}
.tooltip-large {
width:600px;	
}
.tooltip-large a{
	color:#222222;
	font-weight:bold;
}
.tooltip-large a:hover{
	text-decoration:none;	
}
.tooltip-large a:hover span{
	text-decoration:underline;
}
.tooltip div {
border:1px solid #f7efde;
color:#423a18;
padding:3px 6px;
-moz-border-radius:5px;
}
.tooltip p.title { 
font-weight:bold;
color:#720000;
}
.tooltip ul li {
padding:2px 0;
}
.tooltip a {
color:#9a8527;
}
.tooltip .tooptip-b {
position:absolute;
background:url(../img/tooltip-bottom.gif) no-repeat center bottom;
width:15px;
height:9px;
font-size:0;
line-height:0;
bottom:-7px;
left:9px;
border:none;
padding:0;
}
.tooltip-right .tooptip-b {
left:auto;
right:9px;
}

.tooltip-sideleft .tooptip-b, .tooltip-sideright .tooptip-b {
background:url(../img/tooltip-side.gif) no-repeat left center;
width:8px;
height:15px;
left:-7px;
bottom:6px;
}
.tooltip-sideright .tooptip-b {
left:auto;
right:-7px;
background-position:right center;
}


.help {
position:absolute;
right:0px;
top:0;
}





/* Fancies */
/* Loginbox */
.login-box {
width:500px;	
height:205px;
background:#fff;
font-size:1.2em;
color:#222;
}
.login-box .header {
height:60px;
width:500px;
}
.login-box .connect, .login-box .module {
/* background:#fff url(../img/loginbox-bg-grad.gif) repeat-x scroll center bottom; */
}
.login-box h1 {
background:#bd3333 url(../img/loginbox-title.gif) repeat-x scroll center bottom;	
color:#fff;
line-height:27px;
font-size:15px;
color:#ffe9e9;
border-left:1px solid #c83f3f;
border-right:1px solid #941f1f;
text-align:center;
padding:2px;
margin-bottom:10px;
}
.login-box .formchamp fieldset input.champ, .login-box fieldset .formchamp p {
	width:160px;
}

.login-box .formchamp span {
width:168px;
}
.login-box span.txtbox-btn {
width:auto;	
}
.login-box .formchamp label {
	width:158px;
	font-size:1em;
}
.login-box .result-btn a{
	margin-bottom:5px;
}
.login-box .champ-note {
	font-size:0.75em;	
}
.login-box .formchamp span.input-cont {
width:auto;	
}
#fancy_ajax .fichetxt {
padding:10px;
}
#fancy_ajax .fiche h4 {
padding: 2px 10px;
}
/* Alertbox */
.alertbox {
height:auto;	
}
.alertbox h1 {
margin-bottom:0;	
}
.alertbox .txtbox {
background: url(../img/alert_exclam.gif) no-repeat left top;
height:70px;
padding-left:100px;
padding-top:20px;
vertical-align:middle;
}
html>body .alertbox .txtbox {
height:auto;
min-height:70px;
}
.alertbox .txtbox-btn {
text-align:right;	
display:block;
padding:5px;
padding-top:15px;
}
.alertbox .txtbox-btn a{
	display:inline;
} 
.alertbox-content {
padding:10px 0;	
}
.alertbox .input-wrong {
font-size:0.8em;	
}
/* modulebox */
.modulebox {
background:#FFFFFF none repeat scroll 0 0;
font-size:0.9em;
height:330px;
width:850px;
}

.loginbox .module {
height:330px;
}
/* slideshow */

.slideshow {
display:block;
width:436px;
height:250px;
background:url(../img/slideshow.png) no-repeat center center;
color:#584301;
font-size:1.3em;
}
.slideshow-content {
height:208px;
display:block;
padding:5px;
overflow:hidden;
}
.slideshow-pagination {
height:32px;
display:block;
}
.slideshow-txt, .slideshow-txtimg {
display:block;
padding:20px;
padding-bottom:0;
}
.slideshow-txt p, .slideshow-txtimg p {
padding:5px 0;	
}
.slideshow h2 {
color:#820001;
border:0 none;
font-weight:bold;
letter-spacing:0px;
text-transform:inherit;
}
.slideshow-txt, .slideshow-txtimg {

}
.slideshow-txtimg, .slideshow-img {
float:left;	
}
.slideshow-txtimg {
width:220px;	
}
.slideshow-img {
width:166px;	
}
.slideshow-img img {
margin-top:20px;	
}
.slideshow-pagination {
padding-left:214px;
}
.slideshow-pagination a{
display:block;
width:23px;
height:24px;
font-size:12px;
font-weight:bold;
line-height:24px;
text-align:center;
color:#f7d3a1;
margin:4px 5px;
background:url(../img/slideshow-pagination-bg.gif) no-repeat left center;
float:left;
}
.slideshow-pagination a:hover, .slideshow-pagination a.on {
background-position:right center;
color:#fff;
text-decoration:none;
}
/* Footer */
.footer {
width:1000px;
margin:0 auto;
position:relative;
font-size:11px;
padding:5px 0
}
.footer .l, .footer .r {
float:left;
width:500px;
line-height:20px;
}
.footer a {
color:#ffe68b;
}
.footer .l {
color:#683722;
width:560px;
}
.footer .r {
text-align:right;
width:440px;
}
.footer img {
vertical-align:top;
}