/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

#top     {text-align: right; 
		   border-top:    1px solid #FFFFFF;
		   border-left:   0px solid #000000;
		   border-right:  0px solid #000000;
		   border-bottom: 2px solid #B21619;  
		   margin:0px;
       padding:0px;
font-size:12px;
}

/* Global Colors */
a:focus, .link:hover, #loginBody .formSet #submitBtn, #subnav ul li.active a:link, #subnav ul li.active a:visited, #subnav ul li.active a:visited, #subnav ul li.active a:hover, 
#subnav ul li.active a span, #subnav ul li.active a:hover span, .cntntSect #option-menu #searchBtn, .cntntSect #option-menu #triBtn, .cntntSect table thead th.sort, .cntntSect table thead th.sort a, .createForm #submitBtn {
	background: #D7BE89;
}
a, .tab a:hover, .tab a:hover span, .active a:link, .active a:visited, .active a:visited, .active a:hover, #cntnt-nav a:hover, #cntnt-nav a:hover, #cntnt-nav a:hover span, 
#cntnt-nav .active a:link, #cntnt-nav .active a:visited, #cntnt-nav .active a:visited, #cntnt-nav .active a:hover, 
#cntnt-nav .active.first a:link, #cntnt-nav .active.first a:visited, #cntnt-nav .active.first a:visited, #cntnt-nav .active.first a:hover, 
.cntntSect table thead th a:hover, .cntntSect h3, legend, .createForm h3 {
	color: #5C4033;
}


/* typography */
html {height: 100%}
body {height:100%; font-size:62.5%;color: #000; font-family: Arial, sans-serif;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration:none}
a {text-decoration:underline; padding:2px}
strong {font-weight:bold;}
em{font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
label {text-transform: capitalize;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* structure */
body {margin:0; background:#fff url(/admin/img/admin/bg.gif) top left repeat-x; background-position: 0 0px;}
body#login {background:none;}
body#loginpage {background:none; background-color: #fff;}
.container {width:960px; min-height: 100%; height: auto !important; height: 100%; margin:0 auto -4em;}
.span-full {width:960px; margin-left:0; margin-right:0}
.span-login {}
.span-dashboard {width:469px; float:left}
.span-dashboard.first {margin-right:12px}
.column {float: left; margin: 0 6px; padding: 0 0 2px 0;}

#contentwrapper {margin: 20px 0;}

#masthead {margin:0px}
#mastheadLogin {margin:0 auto; width:267px}

/* LogIn */
#loginwrapper {margin: 0 0 100px 0; clear:both; width: 950px;}
#loginTop, #loginBody, #loginBottom {width:267px; margin: 0 auto;}
#loginTop {height:5px;}
#loginBody {width: 267px; padding: 10px 0; font-size: 1.1em;}
#loginBody .formSet {margin: 15px auto; padding: 0 3em;}
#loginBody .formSet label, #loginBody .formSet input {display: block; width: 100%;}
#loginBody .formSet label {font-weight: bold;}
#loginBody .formSet a {margin-top: -10px; margin-bottom: 15px; padding:0; float: left;}
#loginBody .formSet #submitBtn {cursor: pointer; width: 35%; clear: both; margin: 20px 0; border: none; color: #fff; font-weight: bold; font-size: 1.1em; padding: 4px;}
#loginBody .formSet #submitBtn:hover {background: #666976;}
#loginBody .remember {clear: both; border-top: 1px solid #e7e7e7; margin: 0; padding: 10px 2em 0 2.5em;}
#loginBody .remember input, #loginBody .remember label {font-weight: normal; display: inline; font-size: 1.1em; float: left;}
#loginBody .remember label {margin: 0 4px;}
#loginBody .remember:after {content: ""; display: block; clear: both;}
#loginBottom {height:5px;}

/* My Profile and Logout */
#tools {margin-top:6px; width:600px;}
#tools ul {margin:0; padding:0}
#tools li {display:inline; color:#c6c6c6}
#tools li a {font-size:1.2em; color:#525252; text-decoration:none}
#tools li a:hover {color:#fff}

/* Client Logo */
#logo {float:right; width:200px; margin:14px 0;}
body#loginpage #logo {float:none; margin:14px auto;}

/* TOP NAV */
#topnav {float:left; width:1000px;padding-top:50px;}
#topnav ul, #topnav ul li{border:0; margin:0; padding:0; list-style:none;}
#topnav ul{height:32px;}
#topnav ul li {float:left; margin-right:2px;}
.tab a:link, .tab a:visited{
	color:#525252;
	display:block;
	font-weight:bold;
	height:32px;
	line-height:32px;
	text-decoration:none;
	padding:0;
	font-size:1.5em;
	background:transparent;
}
.tab a:active {background:transparent; color:#525252;}
.tab a span{
	cursor: pointer;
	display:block;
	height:32px;
	margin-right:14px;
	padding:0 0 0 12px;
}
.tab a:hover {
	background: none;
	display:block;
}
.tab a:hover span{
	cursor: pointer;
	background:none;
	display:block;
}
/* 	Top Nav Active Elements  */
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background: transparent url(/admin/img/admin/topnav-tab.png) right 0 no-repeat;
} 
.active a span, .active a:hover span{
	background: transparent url(/admin/img/admin/topnav-tab.png) left 0 no-repeat;
	text-align: center;
}

/* Sub Nav */
#subnav {margin: 15px 0 0 0; padding:0}
#subnav ul {list-style:none; margin-left:1em}
#subnav ul li {display:inline; color:#dcdcdc}
#subnav ul li a {color:#919191;text-decoration:none; font-size:1.1em; padding:4px 5px; margin:0 4px}
#subnav ul li.active a.first {margin-left:0px}
#subnav ul li a:hover {color:#fff; background:#DADADA;}
/* 	Sub Nav Active Elements  */
#subnav ul li.active a:link, #subnav ul li.active a:visited, #subnav ul li.active a:visited, #subnav ul li.active a:hover {
	color:#fff;
} 
#subnav ul li.active a span, #subnav ul li.active a:hover span {cursor: pointer;}

/* Dashboard */
.dashboardTop { width:469px; height:33px}
.dashboardTop span {font-size:1.5em; font-weight:bold; margin-left:12px; line-height:33px}
.dashboardBody {border-left:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; width:433px; padding:12px 17px; font-size:1.1em}
.dashboardBody p span {color:#98999a; font-weight:bold;}
.dashboardBottom { width:469px; height:30px}
.dashboardBottom span { float:right; margin-right:12px; line-height:30px}

/* Cntnt Sect */
.cntntSect {width: 950px;}
.cntntSect .cntntSectTop { height: 4px; width: 950px;}
.cntntSect .cntntSectBody { width: 950px; font-size: 1.1em; padding: 5px 0;}
.cntntSect .cntntSectBttm { height: 4px; width: 950px;}
.cntntSect h3 {font-size: 1.4em; font-weight: bold;}

/* Cntnt-tab-nav */
#cntnt-nav {width: 900px; position: relative; bottom: -16px; left: -15px;}
#cntnt-nav ul, #cntnt-nav ul li {list-style: none;}
#cntnt-nav ul {height: 32px;}
#cntnt-nav ul li {float: left; margin-right: 2px;}
#cntnt-nav a:link, #cntnt-nav a:visited {
	color:#525252;
	display:block;
	font-weight:bold;
	height:32px;
	line-height:32px;
	text-decoration:none;
	padding:0;
	font-size: 1.1em;
}
#cntnt-nav a span{
	cursor: pointer;
	display:block;
	font-weight: bold;
	font-size: 1.1em;
	height:32px;
	margin-right:14px;
	padding:0 0 0 12px;
}
#cntnt-nav a:hover {background: none; display:block;}
#cntnt-nav a:hover span {cursor: pointer; background: none; display:block;}

/* 	Cntnt-nav Active Elements  */
#cntnt-nav .active a:link, #cntnt-nav .active a:visited, #cntnt-nav .active a:visited, #cntnt-nav .active a:hover {} 
#cntnt-nav .active.first a:link, #cntnt-nav .active.first a:visited, #cntnt-nav .active.first a:visited, #cntnt-nav .active.first a:hover {} 
#cntnt-nav .active a span, #cntnt-nav .active a:hover span {cursor: pointer; text-align: center;}
#cntnt-nav .active.first a span, #cntnt-nav .active.first a:hover span {cursor: pointer; text-align: center; height: 35px; margin-bottom: -3px;}

/* Option-menu */
.cntntSect #option-menu {clear: both; }
.cntntSect #option-menu li {float: left; clear: right;}
.cntntSect #option-menu li.dropdown {border-right: 1px solid #e7e7e7; padding-right: 10px;}
.cntntSect #option-menu li.dropdown select {margin: 0}
.cntntSect #option-menu li.rss-link {}
.cntntSect #option-menu li.rss-link a {
	color: #fff; 
	height: 20px; 
	width: 50px; 
	display: block; 
	text-indent: 25px; 
	font-weight: bold;
	font-size: 1em;
	text-decoration: none; 
	line-height: 1.9em;
}
.cntntSect #option-menu li.rss-link a:hover {background-color: #DADADA ;}
.cntntSect #option-menu li.search {float: right;}
.cntntSect #option-menu #searchBtn {
	border: none;
	color: #fff;
	cursor: pointer; 
	font-weight: bold;
	margin-left: 5px;
	padding: 3px 15px;
}
.cntntSect #option-menu #searchBtn:hover {background: #DADADA;}

.cntntSect #option-menu #triBtn {
	border: none;
	color: #fff;
	cursor: pointer; 
	font-weight: bold;
	margin-left: 5px;
	padding: 3px 15px;
}
.cntntSect #option-menu #triBtn:hover {background: #DADADA;}


/* Table */
.cntntSect table {border-collapse:collapse; border: 1px solid #e7e7e7; margin: 10px 15px 5px 15px; width: 922px; clear: both;}
.cntntSect table thead th, .cntntSect table thead th a  {background: #66696f no-repeat right; color: #fff; text-decoration: none; }
.cntntSect table thead th.sort, .cntntSect table thead th.sort a {color: #fff;}
.cntntSect table thead th a:hover {}
.cntntSect table thead th.sort a:hover {color: #66696f;}
.cntntSect table thead th a {display: block; background: url(/admin/img/admin/sort-arrows-white.gif) no-repeat right; height: 15px;}
.cntntSect table thead th.sort a {display: block; background: url(/admin/img/admin/sort-arrows-white.gif) no-repeat right; height: 15px;}
.cntntSect table thead th a:hover {display: block; background: url(/admin/img/admin/sort-arrows-hover.gif) no-repeat right;}
.cntntSect table thead th.sort a:hover {display: block; background: url(/admin/img/admin/sort-arrows-hover.gif) no-repeat right;}
.cntntSect table thead th.last a {margin-right: 10px;}
.cntntSect table th.no-sort {background-image: none;}
.cntntSect table th {height: 20px; border-bottom: 1px solid #e7e7e7;}
.cntntSect table td {height: 30px;}
.cntntSect table tr.odd td {background: #fff;}
.cntntSect table tr.even td {background: #f7f7f7;}
.cntntSect table th, .cntntSect table td {border-right: 1px solid #e7e7e7;}
.cntntSect table th.last, .cntntSect table td.last {border-right: none;}

.cntntSect .pagination {text-align: right; margin: 0 10px;}

.footerpagination {
text-align:center;
margin-top:10px;
margin-bottom:10px;
}

.footerpagination a {
background:none repeat scroll 0 0 #FFF;
color:#ae9a6f;
border:1px solid #ae9a6f;
display:inline-block;
min-width:14px;
text-decoration:none;
vertical-align:middle;
text-align:center;
font-weight:700;
margin:2px;
padding:4px 6px;
}

.footerpagination span.active {
border-top:1px solid #ae9a6f;
border-bottom:1px solid #ae9a6f;
background:#ae9a6f;
color:#FFF;
text-align:center;
font-weight:700;
vertical-align:middle;
display:inline-block;
min-width:14px;
margin:2px;
padding:4px 6px;
}

.footerpagination span.desactive {
border:solid 1px #DEDEDE;
color:#888;
text-align:center;
font-weight:700;
vertical-align:middle;
display:inline-block;
min-width:14px;
margin:2px;
padding:4px 6px;
}

.footerpagination a:hover,ul.pagination li a:hover {
background:#ae9a6f;
color:#FFF;
}

.footerpagination  {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding-top:7px;
	padding-bottom:7px;
	
	}

.not_current_pag {
border: 1px solid rgb(222, 231, 235);
margin: 1px 1px 1px 2px; float: left;
display: inline;
vertical-align: middle; 
list-style-type: none; 
list-style-image: none; 
list-style-position: outside; 
text-align: center; 
background-color: rgb(244, 244, 244); 
height: 15px;
width: 20px;
}

.current_pag {
border: 1px solid rgb(222, 231, 235); 
margin: 1px 1px 1px 2px; 
float: left; 
display: inline; 
vertical-align: middle; 
list-style-type: none; 
list-style-image: none; 
list-style-position: outside; 
text-align: center; 
background-color: white; 
font-weight: bold; 
height: 15px;
width: 20px;
}

/* Form Styles */
.createForm {padding: 0 20px;}
.createForm .formContent {margin: 0 0 40px 0; float: left; position: relative;}
.createForm .formSet {margin: 10px 0; position: relative;}
.createForm label {color: #666976; float: left; clear: both; width: 100px; padding-top: 2px; font-size: 1.1em;}
.createForm .formset dt{color: #666976; float: left; clear: both; width: 100px; padding-top: 2px; font-size: 1.1em;}
.createForm label.author {float: none; color: #000;}
.createForm input {width: 200px; font-size: 1.1em;}
.createForm textarea {width: 200px;}
.createForm select {margin: 0;}
.createForm legend {font-size: 1.5em; font-weight: bold;}
.createForm h3 {font-size: 1.2em; font-weight: bold; margin-top: 20px; float:left; width: 100%;}
.createForm .checkbox {width: auto;}
.createForm #content_tbl {clear:both; margin: 10px 0; float:left;}
.createForm #assets {clear:both;}
.createForm #assets a {margin: 20px 10px 10px 0; text-decoration: none; font-size: 1.1em;}
.createForm #assets span {color: #666976; margin-left: -8px;}
.createForm #submitBtn {cursor: pointer; border: none; color: #fff; font-weight: bold; margin: 20px 0; padding: 3px; width: 100px; font-size: 1.1em;}
.createForm #submitBtn:hover {cursor: pointer; background: #666976;}

.req {margin-left: 5px; color: #666976;}
.req em {position: absolute; width: 100%; font-style: normal; margin: 2px 0 0 10px;}
.error {font-size: 1.1em; font-weight: bold;color:#CC0000;}
.errors {font-size: 1.1em; font-weight: bold;color:#CC0000;}

/* Footer */
#footer, .push {height: 4em; clear: both; margin: 0 auto;}
#footer {text-align: left; width:950px; font-size:0.9em; color:#929292; padding-left: 30px}
#footer ul {margin:0}
#footer ul li {display:inline;}
#footer ul li a:link, #footer ul li a:hover {color:#929292; background:none; text-decoration:underline}


/* Forms */
label {font-weight:bold;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}

/* Common */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

div.last {margin-right:0;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}


/* popup */
.popup {margin: 0 0 100px 0; clear:both; width: 950px;}
.popupTop, .popupBody, .popupBottom {width:267px; margin: 0 auto;}
.popupTop { height:5px;}
.popupBody {width: 267px; padding: 10px; font-size: 1.1em;}
.popup .formSet #sbmt, .popup .formSet #cnl ,.popup .formSet #cancel, .popup .formSet #submit {cursor: pointer; width: 35%; clear: both; margin: 20px 0; border: none; color: #fff; font-weight: bold; font-size: 1.1em; padding: 4px;background-color:#D50000}
.popup .formSet #sbmt:hover, .popup .formSet #cnl:hover ,.popup .formSet #cancel:hover, .popup .formSet #submit:hover {background: #666976;}
.popupBottom { height:5px;}
.popup .formSet label,.popup .formSet input {display: block; width: 90%;}


/* Fieldset dt dl dd */
fieldset dl, #english dl, #french dl {margin-left:15px;}
fieldset dl dt, #english dl dt, #french dl dt {width:100px;float:left;clear:left;height:20px; font-weight:bold; font-size:larger;}
fieldset dl dd, #english dl dd, #french dl dd {float:left; height:15px;  font-size:larger;}


/* Buttons */
.buttons ul li a {color:#FFFFFF;font-weight:bold;text-decoration:none;}
.buttons ul li {background-color:#AAA;border:1px solid #CCC;color:#FFFFFF;cursor:pointer;font-size:12px;margin-bottom:3px;margin-left:5px;padding:3px; float:left;}
.buttons {float:right;}


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: #ccc url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
			width: 140px;
			float: left;
		}
.dp-popup{!top: 150px; !left:150px; position:absolute;background-color:#fff;}
		
#imagePreview{margin-left:100px;margin-top:25px;}

#instructionalManual{margin-left: 15px; width: 900px; float: left;}
		


/* AFFICHAGE DU DETAIL D'UNE OFFRE */

#detail_offre {
	width:700px;
	float:left;
}

label.displaylabel {
	display:inline;
	float: left;
	width: 140px;   
	text-align:left;
	padding:2px;
	padding-top:3px;
	font-weight:bold;
}

.displaycontent {
	display:inline;
	float: left;
	width: 540px;
	text-align:left;
	padding:2px;
	padding-top:3px;
}

.displayinfos {
	display:inline;
	float: left;
	width: 250px;
	text-align:left;
	padding:2px;
	padding-top:3px;
}

.entete_offre {
background:transparent url(/admin/img/menu_t30_emp.gif) repeat-x scroll 0% 50%;
color:#FFFFFF;
height:20px;
text-align:center;
font-weight:bold;
padding-top:5px;
}

/* FIN AFFICHAGE DU DETAIL D'UNE OFFRE */

.cadre_fieldset_half_left
{
padding-left:10px;
padding-bottom:10px;
margin-bottom:10px;
float:left;
width:450px;
border:1px #dedede solid;
}

.cadre_fieldset_half_right
{
padding-left:10px;
padding-bottom:10px;
margin-bottom:10px;
float:right;
width:400px;
border:1px #dedede solid;
}

.cadre_boutons {
	text-align:center;
}

.valide {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color : GREEN;	
}

.cadre_fieldset
{
padding-left:10px;
padding-bottom:10px;
margin-bottom:10px;
border:1px #dedede solid;
}

label.formlabel {
	display:inline;
	float: left;
	width: 12em;   
	text-align:left;
	padding:2px;
	padding-top:5px;
}

dl div {
padding-top:5px;
}

/* DETAIL CV */

#detail_cv {
	width:700px;
	float:left;
	font-size:11px;
}

#detail_cv h2 {
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px;
font-weight:bold;
}

#detail_cv .intitule {
float:left;
font-weight:bold;
padding-right:5px;
padding-top:10px;
}

#detail_cv .detail {
padding-top:10px;
float:left;
}

.entete_resume {
background:transparent url(/admin/img/menu_t30.gif) repeat-x scroll 0% 50%;
color:#FFFFFF;
height:20px;
text-align:center;
font-weight:bold;
padding-top:5px;
}

/* FIN DETAIL CV */

/* OFFRES - ENTREPRISES */

.cadre_fieldset_legend
{
color: #FFFFFF;
background:#06148F;
border: 1px solid black;
font-weight:bold;
padding: 2px 6px;
margin: 6px;
}

.infos_saisie {
color:#666666;
}

/* FIN OFFRES */