/* @group reset */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, cite, em,  img,  strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}

html {
 background: #faa947;
 font: 12px/14px Arial, Sans-serif;
 color: black;
 text-rendering: optimizeLegibility;
 overflow-y: scroll;
 height: 100%;
}

body {
 background: url(/images/bg-body.jpg) repeat-x;
 height: 100%;
}

ol, ul {
 list-style: none;
}

a:link, a:visited {
 color: #e8850d;
 text-decoration: none;
}

a:hover, a:active {
 color: black;
 text-decoration: none;
}

a.active {
 color: #e8850d !important;
}

.promoteur_print {
	display: none;
}

#wrapper {
 padding-left: 130px;
 width: 685px;
 background: url(/images/bg-wrapper.jpg) no-repeat;
 height: 100%;
 padding-top: 90px;
}

#map
{
  width: 300px;
  height: 200px;
  border: 1px solid grey;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* @end */

/* @group header */

#header {
 position: relative;
 padding-top: 20px;
 background: white;
 overflow: hidden;
 -webkit-border-top-left-radius: 12px;
 -webkit-border-top-right-radius: 12px;
 -moz-border-radius-topleft: 12px;
 -moz-border-radius-topright: 12px;
 border-top-left-radius: 12px;
 border-top-right-radius: 12px;
 behavior: url(/css/ie-css3.htc);
 z-index: 1;
}

#search {
 position: absolute;
 top: 130px;
 right: 25px;
 width: 185px;
 height: 20px;
}

#search input {
 float: left;
 width: 158px;
 height: 18px;
 margin: 0;
 padding: 0;
 padding-left: 2px;
 border: 1px solid #999999;
}

#search button {
 position: relative;
 float: right;
 width: 20px;
 height: 20px;
 border: 0;
 margin: 0;
 padding: 0;
 background: none;
}

#search button img {
 width: 20px;
 height: 20px;
 padding: 0;
 margin: 0;
}

#search button:hover {
 cursor: pointer;
}

#employes #header, #employes_programs_list #header {
 background: #23bebe;
}

#employers #header, #employers_programs_list #header {
 background: #c94d29;
}

#lang {
 position: absolute;
 top: 10px;
 right: 10px;
}

/* @group nav */

#nav {
 background: white;
 padding-left: 40px;
 padding-top: 10px;
 width: 100%;
 height: 30px;
 line-height: 30px;
}

#nav li {
 float: left;
 margin-right: 6px;
}

#nav a {
 color: black;
 font-size: 13px;
 font-weight: bold;
}

#nav a:hover {
 color: #e8850d;
}

.back_home {
 padding-left: 40px;
 padding-bottom: 10px;
 margin-top: 1px;
 background: white;	
}

.back_home a {
 color: black;
}

.back_home a:hover {
 color: #e8850d;
}

/* @end */

/* @end */

/* @group content */

#home .employes_fr {
 position: relative;
 width: 285px;
 height: 175px;
 background-image: url(/images/bg-home-employes-fr.jpg);
 float: left;
 margin-bottom: 10px;
 margin-right: 20px;
 cursor: pointer;
}

#home .employeurs_fr {
 position: relative;
 width: 285px;
 height: 175px;
 background-image: url(/images/bg-home-employeurs-fr.jpg);
 float: left;
 margin-bottom: 10px;
 cursor: pointer;
}

#home .employes_fr p, #home .employeurs_fr p {
 position: absolute;
 top: 112px;
 left: 20px;
 width: 250px;
 color: white;
 line-height: 16px;
}

#home .half_width strong
{
	font-size: 18px;
}

#home .employes_fr a, #home .employeurs_fr a {
 color: white;
 font-weight: bold;
}

#content {
 background: #FFFFFF;
 padding: 0 40px;
 overflow: hidden;
}

.intro em {
 font-size: 11px;
}

.intro strong {
 display: block;
 margin: 4px 0;
}

.half_width {
 float: left;
 width: 45%;
 margin-right: 5px;
}

.height {
 height: 430px;
 position: relative;
}

.scroll {
 height: 100%;
 width: 100%;
 overflow-y: auto;
}

#resources h2 {
 font-weight: bold;
 font-size: 13px;
 margin-bottom: 4px;
}

#resources li {
 margin-bottom: 6px;
}

.half_width_left.bg_olive, .half_width_right.bg_olive {	
 position: relative;
 padding: 10px;
 background: #beaf34;
 width: 265px;
 height: 70px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 behavior: url(/css/ie-css3.htc);
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
 cursor: pointer;
 z-index: 1;
}

.half_width_left.bg_olive {
 margin-right: 20px;
}

.full_width.bg_olive {	
 position: relative;
 padding: 10px;
 background: #beaf34;
 width: 570px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 behavior: url(/css/ie-css3.htc);
 float: left;
 margin-right: 10px;
 z-index: 1;
}

.bg_olive h2 {
 font-size: 14px;
 font-weight: bold;
 color: white;
 text-transform: uppercase;
 margin-bottom: 4px;
}

.bg_olive h3 {
 font-size: 12px;
 font-weight: bold;
 color: black;
}

.home_news {
 background: white !important;
 border: 3px solid #c94d29 !important;
 width: 564px !important;
}

.home_news h2 {
	color: #c94d29;
}

.home_news a {
 color: black !important;
}

.home_news p {
 margin-bottom: 12px;
}

.home_news p:last-child {
 margin-bottom: 0;
}

.bg_olive a {
 color: black;
 font-weight: bold;
}

.bg_olive a:hover {
 text-decoration: underline;	
}

.round_borders {
 position: relative;
 border: 1px solid black;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 padding: 10px;
 background: white;
 overflow: hidden;
}

#entries, #program {
 float: left;
 width: 380px;
}

#program h1 {
 font-weight: bold;
 font-size: 16px;
 line-height: 20px;
 margin-bottom: 10px;
}

#program dt, #sidebar dt {
 font-weight: bold;
 margin-top: 14px;
}

#program dd ul, #entries ul {
 list-style-type: disc;
 margin: 4px 28px;
}

.programs_list h1 {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 20px;
}

.programs_list h2 {
 font-size: 13px;
 font-weight: bold;
 margin-bottom: 4px;
 padding-right: 30px;
}

.programs_list h3 {
 font-size: 12px;
 margin-bottom: 4px;
 padding-right: 30px;
}

.programs_list p {
 padding-right: 60px;
}

#categories_clients tr, #categories_steps tr {
 margin-bottom: 1px;
 display: block;
}

#categories_clients span, #categories_steps span {
 margin-top: 3px;
 margin-left: 4px;
 display: block;
}

.view_promoteurs {
	color: #c94d29;
	margin-top: 4px;
}

.view_promoteurs:hover {
	text-decoration: underline;
	cursor: pointer;
}

#list_all {
 position: absolute;
 bottom: 10px;
 right: 5px;
 text-align: right;
 font-size: 11px;
}

#list_all:hover {
 cursor: pointer;
}

#list_all td {
 padding-right: 5px;
}

#list_all td img {
 padding-top: 3px;
}

.bg_orange {
 background: #c94d29;
 padding: 5px;
}

.entry {
 margin-bottom: 20px;
 padding-right: 20px;
}

.entry h2 {
 font-size: 12px;
 font-weight: bold;
}

.thumb {
 float: left;
 margin-right: 10px;
}

#entries h1 {
 font-size: 16px;
 font-weight: bold;
 line-height: 18px;
}

/*.entry h2 a:link, .entry h2 a:visited, 
.programs_list h2 a:link, .programs_list h2 a:visited, 
.programs_list h3 a:link, .programs_list h3 a:visited {
 color: black;
}

.entry h2 a:hover, .entry h2 a:active, 
.programs_list h2 a:hover, .programs_list h2 a:active,
.programs_list h3 a:hover, .programs_list h3 a:active {
 color: #e8850d;
}*/

.no_margin_bottom {
 margin-bottom: 4px !important;
}

#sidebar {
 float: right;
 width: 180px;
 padding-right: 10px;
}

#sidebar h2 {
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 border: 1px solid black;
 margin-bottom: 4px;
 padding: 2px 6px;
 float: left;
}

#sidebar h3 {
 font-size: 11px;
 font-weight: bold;
 margin-left: 2px;
 margin-bottom: 5px;
}

#sidebar ul {
 margin-bottom: 20px;
 margin-left: 2px;
}

#sidebar li {
 font-size: 11px;
 line-height: 13px;
 margin-bottom: 3px;
}

#employers_categories_list li {
 margin-bottom: 3px;
 padding-right: 40px;
 padding: 5px;
}

#player {
 display: block;
 width: 380px;
 height: 240px;
 margin-bottom: 20px;
}

/* @end */

/* @group footer */

#footer {
 position: relative;
 background: white;
 overflow: hidden;
 -webkit-border-bottom-left-radius: 12px;
 -webkit-border-bottom-right-radius: 12px;
 -moz-border-radius-bottomleft: 12px;
 -moz-border-radius-bottomright: 12px;
 border-bottom-left-radius: 12px;
 border-bottom-right-radius: 12px;
}

#footer p {
 margin: 0 auto;
 padding: 30px 0;
 text-align: center;
}

#footer span {
 margin-right: 10px;
}

#footer a {
 color: black;
 font-size: 12px;
}

#footer a:hover {
 color: #e8850d;
}

#logo_qc {
 position: absolute;
 bottom: 28px;
 right: 60px;
}

/* @end */

/* @group Gmap */

.gsmsc-controls {
 display: none;
}

#mapsearch {
 margin-top: 10px;
 width: 350px;
}    

.organization_name {
 text-transform: uppercase;
 border-top: 1px solid #666666;
 padding-top: 6px;
}

/* @end */
	
	
#preview {
 background: black;
 padding: 20px;
 margin-bottom: 20px;
}

#preview h1 {
 margin-bottom: 20px;
 color: white;
}

#preview a {
font-weight: bold;
color: grey;
text-decoration: underline;
}

#preview a:hover {
color: white;
}	


.has_been_clicked {
 color: #23bebe !important;
}

.has_been_clicked:hover {
 color: #23bebe !important;
}
	
ol
{
  list-style: decimal;
  margin-left: 26px;
}	

ol li
{
  margin-bottom: 8px;
}