/* exhib.ca */



/* YUI Reset and Fonts */

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{

	margin:0;
	padding:0;


}





fieldset,img{

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var{

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6{

	font-size:100%;

	font-weight:normal;

}

q:before,q:after{

	content:'';

}

abbr,acronym {

	border:0;

}



body * {

	line-height:1.22em;

}



/* Base Typograhy Settings */



/* Body */

:focus {

	outline:0;

	}

body {
	margin:0 auto;
	font-size:11px;
	font-family:verdana,arial,helvetica,sans-serif;
	color:#000000;
	text-align:center;
	background-color: #696a6c;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed;
}

/* Headings */

h1, h2, h3, h4, h5, h6, h7 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #f37021;

	font-weight: normal;

	margin:1em 0 2em 0;

	line-height:1.5em;

}

#left0 h1, #left0 h2, #left0 h3, #left0 h4, #left0 h5, #left0 h6, #left0 h7 {

	color: #FFFFFF;

}

h1 {
	font-size:30px;
	line-height:34px;
	margin-bottom: 15px;
	margin-top: 55px;
}


#titre-fp-candidats:before {
	content:url(../images/titre-fp-candidats.png);
	display:block;
}

#titre-fp-candidats {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-fp-emploisofferts:before {
	content:url(../images/titre-fp-emploisofferts.png);
	display:block;
}

#titre-fp-emploisofferts {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-fp-employeurs:before {
	content:url(../images/titre-fp-employeurs.png);
	display:block;
}

#titre-fp-employeurs {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-employeur:before {
	content:url(../images/titre-employeurs.png);
	display:block;
}

#titre-employeur {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-candidat:before {
	content:url(../images/titre-candidats.png);
	display:block;
}

#titre-candidat {
	display: block;
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 65px;
	height:30px;
	overflow:hidden;
}

#titre-contact:before {
	content:url(../images/titre-contact.png);
	display:block;
}

#titre-contact {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-postesdisponibles:before {
	content:url(../images/titre-postes.png);
	display:block;
}

#titre-postesdisponibles {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}

#titre-poste:before {
	content:url(../images/titre-poste.png);
	display:block;
}

#titre-poste {
	padding:0;
	margin:0;
	margin-bottom: 15px;
	margin-top: 55px;
	height:30px;
	overflow:hidden;
}


h2 {
	font-size:18px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


h2.straight {
	font-size:18px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


h3 {
	font-size:12px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} 

h4 {
	font-size:1.1em;
} 

h5 {
	font-size:1em;
} 

h6 {
	font-size:0.9em;
} 

h7 {
	font-size:0.8em;
}

/* Paragraph Text */

p, pre {
	margin:.25em 0 1em 0;
	line-height:1.5em;
}


p.leadin {
	color: #f37021;
	font-size:12px;
	font-weight: normal;
}


/* Lists */

ul {
	list-style-type: square;
	list-style-position: outside;
	margin:.5em 0 1em 1.5em;
	color: #F37021;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: .5em 0 1em 1.5em;
}

li {
	padding-left:.5em;
	margin-bottom:.25em;
}

dl {

}

dt {
	margin:.5em 0 .25em 0;
	font-weight:bold;
}

dd {
	padding:0 0 .25em 1em;
} 

/* Block Level Type Styles */

blockquote {
	margin:1em 2em 1em 1em;
}

address {

}

del {

}

ins {

}

pre {

}



.haut{
	/*display:block;
	float:right;*/
	text-align:right;
	border:none;
	font-size: 9px;
	margin: 0 0 0 0;
}

.haut a{
	text-decoration:none;
}

.haut img{
	padding: 2px;
	border: none;
	vertical-align: middle;	
}

/* Inline Type Styles */

abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

strong {
	font-weight:bold;
}

em, dfn, cite {
	font-style:italic;
}

/* Tables */

table {
	border:0px solid #000;
	margin:.25em 0 1em 0;
	border-right:0;
	border-bottom:0;
}

tr {

}

th, td {
	padding:.25em;
	border:0px solid #000;
	border-top:0;
	border-left:0;
}

th {
	font-weight:bold;
}

caption {
	font-style:italic;
}

/* Forms */

form {
	margin:.25em 0 1em 0;
}

label {
	display:block;font-size:.94em;
}

fieldset {
	border:1px solid #000;padding:.5em 1em;margin:.25em 0 1em 0;
}

legend {
	font-weight:bold;
	color:#000;
}

img.team {
	height: 125px;
	width: 125px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	float:left;
	/*width="125";
	height="125";
	hspace="10";
	vspace="5";
	border="1";
	align="left";*/
}

/* Links */

a {
	color:#f37021;
} 

a:hover {
	color:#f37021;
} 

a:visited {
	color:#f37021;
}

a.liens-fp-emploisofferts {
	color:#000000;
	text-decoration: none;
} 

a.liens-fp-emploisofferts:hover {
	color:#000000;
	text-decoration: underline;
} 

a.liens-fp-emploisofferts:visited {
	color:#000000;
	text-decoration: none;
}

a.postesdisponibles {
	color:#000000;
	text-decoration: none;
} 

a.postesdisponibles:hover {
	color:#000000;
	text-decoration: underline;
} 

a.postesdisponibles:visited {
	color:#000000;
	text-decoration: none;
}


/* Layout */

#header {
	margin:0 auto;
	padding:0;
	border:none;
	width:960px;
	height:200px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#header-flash {
	position: absolute;
	clear: both;
	display: block;
	z-index:99;
	margin:0 auto;
	padding:0;
	border:none;
	top:26px;
	left:124px;
	right:0;
	bottom: 0;
	width:815px;
	height:270px;
}


a.bt01 {
	/* Sliding right image */
	background: transparent url('../images/bt01_droit.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}


a.bt01 span {
	/* Background left image */ 
	background: transparent url('../images/bt01_gauche.png') no-repeat; 
	display: block;
	line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 10px 8px 10px;
}


a.bt01:hover span{
	text-decoration:none;
}

#menu {
	margin:0;
	margin:0 auto;
	width:960px;
	height:32px;
	padding:0;
	list-style:none;
	background-color: #f37021;
	display: block;
	position: relative;
	top: 196px;
	border:none;
	/*	border:2px solid #f37021;*/
}


#menu li {
	display:inline;
	margin:0;
	padding:0;
}


#menu a {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration:none;
	line-height:1em;
	display:block;
	float:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	color:#FFFFFF;
}

#menu .active a {
	background-color: #f37021;
	color:#FFFFFF;
	background-image:url(../images/arrow-menu01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#menu a:hover {
	background-color: #f37021;
	color:#FFFFFF;
	background-image: url(../images/arrow-menu01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#menu-top {
	margin:0;
	margin:0 auto;
	width:100%;
	height:10px;
	padding:0;
	padding-top:5px;
	color:#f37021;
	font-weight: normal;
	font-size: 9px;
	text-align:right;
	line-height:2em;
}

#menu-top a {
	padding:0px 3px;
	text-decoration:none;
	color:#f37021;
	font-weight: normal;
	font-size: 9px;
	line-height:2em;
}

#menu-top a:hover {
	color:#f37021;
}


#menu-footer {
	margin:0;
	margin:0 auto;
	width:960px;
	height:32px;
	padding:0;
	list-style:none;
	display: block;
	position: relative;
	top:-2px;
	color:#FFFFFF;
}

#menu-footer li {
	display:inline;
	margin:0;
	padding:0;
}

#menu-footer a {
	padding: 0;
	margin: 0;
	text-decoration:none;
	color:#000;
	line-height:1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:11px;
	color:#FFFFFF;
}

#menu-footer .active a {
	color:#FFFFFF;
}

#menu-footer a:hover {
	color:#FFFFFF;
}

#container0 {
	margin:0 auto;
	padding:0;
	width:940px;
	height:100px;
	/*	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;*/
	text-align:left;
}

#left0 {
	width:440px;
	height:100px;
	float:left;
	padding:0 0 0 0;
	background-color: #FFFFFF;
	text-align:left;
}

#logo {
	padding:0;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#right0 {
	width:500px;
	height:100px;
	float:left;
	padding:0px;
	background-color: #FFFFFF;
}

#container_index {
	background-color: #FFFFFF;
	width:940px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#container {
	background-color: #FFFFFF;
	width:940px;
	/*	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;*/
	text-align:left;
	margin:0 auto;
	padding:0;
	background-image: url(../images/bgmenugauche.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-position: top left;
}

#left {
	padding-top: 32px;
	width:270px;
	float:left;
	text-align:center;
	color:#000000;
	/*	background-color: #e6e6e6;*/
	/*	background-image: url(../images/bgmenugauche.jpg);
	background-repeat: repeat-y;
	background-position: center;*/
	padding-bottom: 20px;
}

#menu-left {
	width:270px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #f9f9fa;
	background-image: url(../images/bgmenubodygauche.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
}

#menu-left-header {
	width:240px;
	height:30px;
	margin:0;
	padding:0;
	padding-left: 20px;
	margin-top:20px;
	text-align: left;
	background-image: url(../images/menu-left-header-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	display: block;
	left: -20px;
	position: relative;
}


#menu-left-header h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	color:#FFFFFF;
	line-height: 19px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


#menu-left-body {
	width:220px;
	height: 100%;
	margin:0;
	padding:0;
	padding-left: 20px;
	padding-bottom: 32px;
	color:#000000;
	text-align: left;
	font-size: 10px;
	line-height:1em;
	display: block;
	left: -20px;
	position: relative;
}


#menu-left-footer {
	width:250px;
	height:10px;
	/*	background-color: #df6f2b;*/
	margin:0;
	padding:0;
	padding-left: 10px;
	/*	border:1px solid #FFFFFF;*/
	display: block;
	left: -20px;
	position: relative;
}


#img-left {
	display: block;
	margin: 0;
	padding: 15px 15px 0px 10px;
	text-align:right;
	color:#000000;
}


#right {
	width:630px;
	float:left;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/bgcontent.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#right p {
	text-align:left;
}

#googlemaps {
	width:220px;
	height:220px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	display:inline-block;
}

#rightfull {
	width:630px;
	margin: 0;
	padding: 0;
	margin-top:30px;
	display:inline-block;
}

#right1col {
	width:315px;
	float:left;
	margin: 0;
	padding: 0;
}

#right2col {
	width:315px;
	float:right;
	margin: 0;
	padding: 0;
}

#full {
	width:940px;
	margin: 0;
	padding: 0;
	margin-top:20px;
	display: block;
}

#full1 {
	width:277px;
	height: 575px;
	float:left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f9f9fa;
	background-image: url(../images/bgmenubodygauche.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
}

#full2 {
	width:277px;
	height: 575px;
	float:left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f9f9fa;
	background-image: url(../images/bgmenubodygauche.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
}

#full3 {
	width:277px;
	height: 575px;
	float:left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f9f9fa;
	background-image: url(../images/bgmenubodygauche.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
}

#footer {
	clear:both;
	margin-top: -12px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	padding-bottom:0;

	width:960px;
	height:124px;
	background-color: #5B5B5B;
	background-image:url(../images/footer.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;

	vertical-align:bottom;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F07122;

	position:relative;
}

#footercontent {
	width:960px;

	bottom:10px;
	margin:0 auto;
	padding:0;
	padding-top: 20px;
}

.code {
	font-family:courier,sans-serif;
}

/* Self-clearing Containers */

#container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#container {

/*	display:inline-block;*/

}

#container_index:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Force IE7 to respect generated content */

/* Hide the next declaration from IE Mac \*/

* html #container {
	height:1%;
	display:block;
}

* html #container_index {
	height:1%;
	display:block;
}

/* IE box model hacks */

/* width+padding */

* html #left {

	width:240px;

/* normal */

	wid\th:205px;

}

* html #right {

/* width+padding */

	width:540px;

/* normal */

	wid\th:520px;

}

img.wrap1 {
	margin-bottom:80px;
	margin-right:10px;
	float:left;
}

img.wrap2 {
	margin-bottom:50px;
	margin-right:10px;
	float:left;
}

img.wrap3 {
	margin-bottom:50px;
	margin-right:10px;
	float:left;
}

img.wrap4 {
	margin-bottom:0px;
	margin-right:10px;
	float:left;
}

img.wrap5 {
	margin-bottom:80px;
	margin-right:10px;
	float:left;
}

img.wrap6 {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:10px;
	float:left;
}

