/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Forms
			2.6 Footer

	3. PAGES
			3.1  Accueil
			3.2  Emplois Accueil
			3.3  Entreprise
			3.4  Glossaire
			3.5  Nouvelles
			3.6  Plusieurs
			3.7  Communiques
			3.8  Témoignages
			3.9  Témoignages Complet
			3.10 Contact
			3.11 Equipededirection
			3.12 Installations
			3.13 Postes Disponibles

***********************************************************************************************/

@import 'jqtransform.css';

/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/


body.accueil .temoignages li:after,
body.temoignages #content ul:after,
body.glossaire dl:after,
body.glossaire .pagination:after,
body.plusieurs .textwrap:after,
body.communiques ul:after,
body.accueil .valign:after,
.clearfix:after,
.clearfix:after,
#header:after,
#content:after,
.twocol:after,
.title:after,
.map .vcard:after,
body.equipededirection #content .carousel .slidelinks li:after,
#content .namelist li.current:after,
#content ul.postes dl:after,
form.extended fieldset ol:after,
#content .namelist li:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/

html, body {
	height: 100%;
}
body {
	color: #333;
	font: 62.5%/1.3 Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%;
}
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #49a6ae; text-decoration: none; }
body.emplois a {color:#94dcf7;}
a:hover { text-decoration: none; background: url(../images/bg_dotted-a.png) bottom left repeat-x; }
a * {cursor:pointer;}


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1	Structure
-----------------------------------------------------------------------------------------------*/

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -95px;
	background: #FFFFFF url(../images/bg_container.png) repeat-x bottom;
}

#header,
#content,
#footer .inner {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
#container,
#footer {
  min-width: 920px;
}

#header {
  position:relative;
  z-index:2;
}
#content {
  position:relative;
  z-index:1;
  margin:0 auto 40px auto;
}

/* Emplois */
body.emplois {
  background:#1a5a7b url(../images/bg_emplois.jpg) no-repeat top center;
}
body.emplois #container {
  background:url(../images/bg_emplois_container.png) repeat-x bottom;  
}
body.emplois #header {
  background:url(../images/bg_emplois_header.jpg) top center no-repeat;
}
body.emplois #footer,
body.emplois #footer .inner {
  background:url(../images/bg_emplois_footer.png) top center no-repeat #85bdcd;
}




/* 2.2	Header
-----------------------------------------------------------------------------------------------*/

#header .site-name,
#header .site-name span {
	display: block;
	overflow: hidden;
	height: 70px;
	width: 238px;
}
#header .site-name {
	float: left;
	position: relative;
	margin-top: 50px;
}
body.emplois #header .site-name {
  margin-top: 37px;
}
#header .site-name span { background: url(../images/logo.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
body.emplois #header .site-name span { background: url(../images/logod.png) no-repeat; }
#header a.site-name span { cursor: pointer; }

#header p {
	display: none;
}
#header div {
	height: 140px;
	width: 680px;
	float: right;
	position: relative;
	left: 12px;
	background: url(../images/bg_navigation.png) no-repeat right bottom;
}
body.emplois #header div {
  background:url(../images/bg_emplois_navigation.jpg) no-repeat right bottom;
}

#header ul {
	position: absolute;
	right: 23px;
	text-transform: uppercase;
}

#header li {
	float: left;
}

#jump-to {
	bottom: 67px;
	font-style: italic;
}
body.emplois #jump-to {
  bottom: 71px;
}

#jump-to li {
	padding-right: 12px;
	background: url(../images/misc_jump-to_separator.png) no-repeat right;
}
body.emplois #jump-to li {
  background: url(../images/misc_jump-to_separatord.png) no-repeat right;
}
#jump-to li.last {
	padding: 0;
	background: none;
}
body.emplois #jump-to li.last {
  background: none;
}

#jump-to a {
  float:left;
  padding-bottom:1px;
	color: #7D9C21;
}
body.emplois #jump-to a {
  color:#fff;
}
#jump-to li.current a {  
  text-decoration:none;
  font-weight:bold;
  color:#749311;
  background:url(../images/misc_navigation_current.png) bottom left repeat-x;
  cursor:default;
}
#jump-to a:hover {
  text-decoration:none;
  background:url(../images/misc_navigation_current.png) bottom left repeat-x;
}
body.emplois #jump-to li.current a,
body.emplois #jump-to li a:hover {
  color:#fff;
  background:url(../images/misc_navigation_current-d.png) bottom left repeat-x;  
}

/* 2.3	Navigation
-----------------------------------------------------------------------------------------------*/

#navigation {
	bottom: 26px;
	font-size: 1.6em;
}
body.emplois #navigation {
  bottom: 29px;
  font-size: 1.5em;
}

#navigation li {
  position: relative;
	padding-right: 15px;
	background: url(../images/misc_navigation_separator.png) no-repeat right;
}
body.emplois #navigation li {
  background: url(../images/misc_navigation_separatord.png) no-repeat right;
}
#navigation li.last {
	padding: 0;
	background: none;
}
body.emplois #navigation li.last {
  background: none;
}

#navigation li a {
	color: #7c6b58;
  padding-bottom:2px;
}
body.emplois #navigation li a {
  color:#fff;
}
#navigation li.current a,
#navigation li a:hover {
	color: #7D9C21;
	text-decoration:none;
	background:url(../images/misc_navigation_current.png) bottom left repeat-x;
}
#navigation li.current a {
  text-decoration:none;
  background:url(../images/misc_navigation_current.png) bottom left repeat-x;
  cursor:default;
}
body.emplois #navigation li.current a,
body.emplois #navigation li a:hover {
  color:#9fe2fa;
}
body.emplois #navigation li.current a,
body.emplois #navigation li a:hover {
  background:url(../images/misc_navigation_currentd.png) bottom left repeat-x;
}

/* Dropdown */
body.entreprise #navigation li.current ul {  
  width:274px;
}
#navigation li ul {
  float:left;
  position:absolute;
  top:21px;
  left:-23px;
  height:32px;
  padding:16px 7px 0 20px;
  background:url(../images/misc_navigation-drop.png) no-repeat;
}
#navigation li ul li {
  background:#a7bc46;
  float:left;
  height:29px;
  padding:3px 1px 0 0;
  background:url(../images/misc_navigation-drop-sep.png) right center no-repeat;
}
#navigation li ul li.last {
  padding:3px 0 0 0;
  background:none;
}
#navigation li ul li a {
  display:inline;
  float:left;
  line-height:14px;
  height:14px;
  padding:6px 1px 7px;
  margin:0 7px 0;
  font-size:14px;
  color:#fff;
  background:#ff0;
  cursor:pointer;
}
#navigation li.current ul li a {
  background:none;
  color:#fff;
  cursor:pointer;
}
#navigation li.current ul li a:hover {
  color:#fff;
  background:url(../images/misc_navigation_current-d.png) 0 21px repeat-x;
}

/* 2.4	Content
-----------------------------------------------------------------------------------------------*/

#content {
  font-size:1.2em;
  line-height:1.33em;
  color:#525252;
}
body.emplois #content {
  color:#fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  margin:0 0 8px 0;
  font-weight:normal;
  color:#58b1b8;
}
body.emplois h1 {
  color:#87d3ef;
}

body.emplois h2,
body.emplois h3,
body.emplois h4,
body.emplois h5,
body.emplois h6 {
  color:#94dcf6;
}
h1 {
  font-size:3.33em;
}
h2 {
  margin:20px 0 16px 0;
  font-size:2.5em;
}
h2.sml {
  font-size:2em;
  line-height:1.16em;
}
h3 {
  margin:0 0 6px 0;
  font-size:1.66em;
}
h4 {
  margin:0 0 6px 0;
  font-size:1.5em;
  line-height:1.22em;
}
h6 {
  font-size:1.08em;
}

/* Paragraphs */
p {
  margin:0 0 8px 0;
}
p.notice {
  font-size:1.66em;
  line-height:1.2em;
}

p.notice .goto {
  margin:0 0 18px 0;
  font-size:0.8em;
  line-height:1.37em;
  background-position:0 7px;
}
p.important {
  font-size:1.58em;
  line-height:1.21em;
}
p.intro {
  font-size:1.25em;
  line-height:1.26em;
}

.goto {
  display:block;
  padding:0 0 0 15px;
  background-image:url(../images/ico/goto.png);
  background-repeat:no-repeat;
  background-position:left center;
}
body.emplois .goto {
  background-image:url(../images/ico/gotod.png);
}
.goto a {
  padding-bottom:2px;
  background-image:url(../images/bg_dotted.png);
  background-position:bottom left;
  background-repeat:repeat-x;
}
.goto a:hover {
  background-image:url(../images/bg_solid.png);
  text-decoration:none;
}

/* Lists */
#content ul {
  margin:0 0 8px 0;
}
#content ul li {
  padding:3px 0 3px 11px;
  line-height:1.25em;
  background-image:url(../images/bullet.png);
  background-repeat:no-repeat;
  background-position:1px 4px;
}
body.emplois #content ul.shaded {
  color:#9fe2fa;
}
#content ul a {
  color:#49a6ae;
}
body.emplois #content ul a {
  color:#94dcf7;
}
#content ul.bull {
  padding-top:3px;
}
#content ul.bull li {
  font-size:1.16em;
  line-height:1.28em;
}
#content ul.spaced {
  padding-bottom:1px;
}
#content ul.spaced li {
  margin:0 0 8px 0;
}

/* Generic containers */
.textwrap {
  padding:0 12px;
}

.topic {
  margin:0 0 30px 0;
}

/* Columns containers */
.twocol {

}
.twocol .col1 {
  float:left;
  width:48%;
}
.twocol .col2 {
  float:right;
  width:48%;
}
.twocol .main-content {
  float:right;
  width:61%;
}
.twocol .secondary-content {
  float:left;
  width:36%;
}

.title {
  margin:0 0 16px 0;
  padding:0 0 15px 0;
  background:url(../images/bg_title_shadow.png) bottom left no-repeat;
}
.title h1 {
  margin:0;
  width:918px;
  color:#FFFFFF;
  background:no-repeat center;
}
body.emplois .title h1 {
  color:#FFFFFF;
}

.title h1 span.line {
  display:inline;
  float:left;
  clear:both;
  padding:5px 10px 0 10px;
  margin-left: -6px;
  background:url(../images/bg_title.png);
  white-space:nowrap;
}
body.emplois .title h1 span.line {
  background:url(../images/bg_title-d.png);
}

body.services .title h1 {
  height:217px;
  padding-top: 35px;
  background-image:url(../images/title/services.jpg);
}

/* 2.5 Forms
-----------------------------------------------------------------------------------------------*/

form.extended {margin:0 0 15px 0;}
form.extended fieldset {
  position:relative;
  padding:16px 0 0 0;
}
form.extended fieldset li {
  float:left;
  width:300px;
  margin:0 3px 0 0;
  padding:3px 0 0 0;
}
form.extended fieldset li.text {
  padding:9px 0 0 0;
  background:url(../images/bg_formtext-t.png) 0 3px no-repeat;
}
form.extended fieldset li.text .wrap {
  width:282px;
  padding:0 6px 6px 12px;
  float:left;
  background:url(../images/bg_formtext-b.png) bottom left no-repeat;
}
form.extended fieldset.radios {
  padding:0;
}
form.extended fieldset.radios li {
  clear:left;
  padding:8px 0 0 0;
  background:url(../images/bg_radios-t.png) 0 3px no-repeat;
}
form.extended fieldset.radios li .wrap {
  float:left;
  width:288px;
  padding:0 6px 5px 6px;
  background:url(../images/bg_radios-b.png) bottom left no-repeat;
}

/* Level 1 elements */
form.extended legend span {
  position:absolute;top:-16px;left:3px;
  line-height:1.33em;
}
form.extended label {
  cursor:pointer;
}
form.extended fieldset li.text label {
  display:block;
  color:#2d71af;
}
form.extended fieldset li.text input,
form.extended fieldset li.text textarea {
  float:left;
  width:282px;
  padding:2px 0;
  border:none;
  margin:0;
  color:#2d71af;
  font-size:12px;
  background:transparent;
}
form.extended fieldset li.text input:focus,
form.extended fieldset li.text textarea:focus {
  outline:none;
}
form.extended fieldset li.text textarea {
  height:78px;
}
form.extended fieldset li.text input,
form.extended fieldset li.text textarea {
  border:1px solid #2d71af;
}
body.js form.extended fieldset li.text input,
body.js form.extended fieldset li.text textarea {
  border:none;
}
form.extended fieldset li.text input.focus,
form.extended fieldset li.text textarea.focus {
  color:#000;
}
form.extended fieldset li.fileinputs {
  clear:both;
}
body.js form.extended fieldset li.fileinputs {
  position:relative;
  width:276px;
  height:34px;
  padding:3px 12px 0 12px;
  background:url(../images/bg_fileinputs.png) 0 3px no-repeat;
}
body.js form.extended fieldset li.fileinputs label {
  position:absolute;left:-9999px;
}
body.js form.extended fieldset li.fileinputs div.fakefile {
	position: absolute;
	top: 3px;
	left: 12px;
	z-index: 1;
	width:278px;
}
body.js form.extended fieldset li.fileinputs div.fakefile input {
  float:left;
  width:255px;
  padding:7px 0;
  border:none;
  background:none;
  color:#2d71af;
}
body.js form.extended fieldset li.fileinputs div.fakefile img {
  float:left;
  margin:4px 0 0 0;
}
body.js form.extended fieldset li.fileinputs input.file {
	position: relative;
	text-align: right;
	height:28px;
	width:276px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	background-image: none;
}


form.extended fieldset.submit p {
  width:300px;
  margin:0 0 4px 0;
}
form.extended fieldset.submit ol {
  margin:0 0 8px 0;
}
form.extended fieldset.submit ol li {
  float:left;
  clear:both;
  width:296px;
  padding:2px 3px;
}
form.extended fieldset.submit ol li label {
  color:#9fe2fa;
}
form.extended fieldset.submit input.button {
  float:left;
  clear:both;
  width:296px;
  padding:6px 23px 6px 13px;
  border:none;
  font-size:13px;
  text-align:left;
  background:transparent url(../images/bg_button.png) center center no-repeat;
  color:#fff;
  cursor:pointer;  
}

/* 2.6	Footer
-----------------------------------------------------------------------------------------------*/

#container .push,
#footer,
#footer .inner{
	height: 95px;
}

#footer {
	position: relative;
	color: #FFFFFF;
	background: #9dbb47 url(../images/bg_footer.png) top center no-repeat;
}
#footer,
#footer .inner {background: #9dbb47 url(../images/bg_footer.png) top center no-repeat;}

#footer a {
	color: #556D07;
}
#footer a:hover {
  background:none;
  text-decoration:underline;
}
body.emplois #footer a {
  color:#025d79;
}


#footer .item {
	display: inline;
	float: left;
	margin-top: 19px;
}

#footer .highlight {
  margin-top:15px;
	margin-right: 15px;
	width: 325px;
}
#footer .highlight div {
	padding-top: 15px;
	height: 62px;
}
#footer .highlight p {
  padding-left: 33px;
  margin-left: 0;
  font-size:1.1em;
}

#footer .top {
	float: left;
	margin-left: -13px;
	height: 9px;
	width: 11px;
	background: url(../images/ico_top.png) no-repeat;
	text-indent: -999em;
}

#footer p {
	margin-left: 3px;
	margin-bottom: 3px;
	font-weight: bold;
}
#footer .highlight .breadcrumbs {
  padding-left:17px;
	font-size: 1em;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	word-spacing: 0.5em;
	
}
#footer .breadcrumbs a {
	color: #FFFFFF;
}
#footer .breadcrumbs a.home {padding-left:16px;background:url(../images/ico/home.png) left top no-repeat;}

body.emplois #footer .breadcrumbs a {
  color: #FFFFFF;
}

#footer .montreal {
	width: 295px;
}

#footer h2,
body.emplois #footer h2 {
  margin-top:0;
	margin-bottom: 0.3em;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}

#footer address {
	display: block;
	height: 2.6em;
	color: #556D07;
	font-size: 1.1em;
	font-style: italic;
}
body.emplois #footer address {
  color:#025d79;
}
#footer address span {
	display: block;
	margin-top: -3.9em;
	margin-left: 160px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

#footer address a {
	color: #FFFFFF;
}
body.emplois #footer address a {
  color: #FFFFFF;
}

#footer .corner {
	position: absolute;
	top: -14px;
	right: 0;
	height: 20px;
	width: 20px;
	background: url(../images/bg_footer-corner.png) no-repeat;
}
body.emplois #footer .corner {
  top:-17px;
  height:22px;
  background:transparent url(../images/bg_emplois_footer-corner.png) no-repeat scroll 0 0;
}


/* 3. PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1	Accueil
-----------------------------------------------------------------------------------------------*/

body.accueil #highlight {
	position: relative;
	padding-left: 5px;
	margin-bottom: 7px;
}
body.accueil #highlight h2.faits-pour-sentendre {
	z-index: 10;
	position: absolute;
	top: 143px;
	left: 0px;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0;
}
body.accueil #highlight h2.faits-pour-sentendre .line {
  display:inline;
  float:left;
  clear:left;
  display:block;
	padding:2px 10px 0 10px;
  margin-left: -6px;
	background:url(../images/bg_title_accueil.png);
  white-space:nowrap;
}
body.accueil #highlight h2.faits-pour-sentendre .first {
	font-size: 1.83em;
	line-height: 1.09em;
}
body.accueil #highlight h2.faits-pour-sentendre .second {
	font-size: 2.58em;
	line-height:1.06em;
}
body.accueil #highlight .person {
	position: relative;
	float: left;
	height: 341px;
}
body.accueil #highlight .person .details {
	position: absolute;
	bottom: 0; left: 4px;
	padding-top: 15px;
	height: 94px;
	width: 100%;
}
body.accueil #highlight .person h3 {
	margin: 0;
	margin-left: 15px;
	color: #5f5f5f;
	font-size: 1.33em;
	text-transform: uppercase;
}

body.accueil #highlight .person p.role {
	margin-left: 15px;
	font-size: 1.08em;
	color: #7d9c21;
}
body.accueil #highlight .person ul {
	position: absolute;
	bottom: 7px;
	left: 150px;
	padding-left: 12px;
	width: 210px;
	background: url(../images/bg_vdotted.png) no-repeat 0 0;
	color: #5f5f5f;
}
body.accueil #content #highlight .person li {
	padding: 0;
	background: none;
}
body.accueil #content #highlight .person li strong {
	color: #7d9c21;
	font-weight: normal
}

body.accueil #highlight h2 {
	margin: 31px 12px 6px 14px;
	color: #FFFFFF;
	font-size: 1.41em;
	line-height: 1.3em;
	text-transform: uppercase;
}

body.accueil #highlight .col {
	float: left;
	height: 341px;
	width: 174px;
	background: url(../images/bg_highlight_col.png) no-repeat;
}

body.accueil #highlight .col p {
	margin: 0 6px 22px 14px;
	padding-top: 19px;
	background: url(../images/ico/arrow.png) no-repeat;
	color: #556C0E;
	font-size: 0.92em;
	line-height: 1.18em;
}

body.accueil #highlight .col a {
	display: block;
	overflow: auto;
	position: relative;
	left: -2px;
	height: 39px;
	width: 149px;
	background: none;
}
body.accueil #highlight .col a span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background: url(../images/btn_postes-ouverts.png) no-repeat;
}
body.accueil #highlight .col a:hover span {
  background-position: 0 -39px;
}

body.accueil .col1 {
	width: 294px;
}
body.accueil .col2 {
	width: 620px;
}

body.accueil .twocol p {
	margin-bottom: 1.4em;
	line-height:1.25em;
}

body.accueil .head {
  overflow:hidden;
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 12px;
	height: 30px;
	background: url(../images/bg_head-shadow.png) no-repeat bottom left;
}
body.accueil .head a {
  display:block;
  margin-right:125px;
  height:15px;
  padding:8px 0 7px 10px;
  font-size:1.16em;line-height:1em;
  text-transform:uppercase;font-weight:normal;
  background:#fff;
  color:#49a6ae;
}
body.accueil .head a strong {
  font-weight:normal;
}
body.accueil .head a span.details {
  position:absolute;top:0;right:0;
  width:125px;height:30px;
  text-indent:-9999px;
  background: url(../images/ico_details.png) no-repeat;
}
body.accueil .head a:hover {
  color:#7d9c21;
  text-decoration:none;
}
body.accueil .head a:hover span.details {
  background-position:0 -30px;
}


body.accueil p.intro {
	padding: 5px 15px 10px;
	line-height:1.33em;
	font-style: italic;	
}
body.accueil p.intro strong {
	color: #7d9c21;
	font-size: 1.33em;
	font-weight: normal;
}
body.accueil .col1 .valign {
  min-height:25em;
}
body.accueil .col2 .col1 .valign {
  min-height:17em;
}
body.accueil div.more {
	margin-left: 15px;
	padding: 4px;
	border-top: 1px dotted #BCBCBC;
	font-size: 0.92em;
  color:#57b0b7;	
}
body.accueil div.more a {
  padding-bottom:2px;
  font-family: Tahoma,Verdana,Geneva,Kalimati,sans-serif;
}
body.accueil div.more a:hover {
  padding-bottom:0;
  text-decoration:none;
  background: url(../images/bg_dotted-a.png) bottom left repeat-x;
}

body.accueil .twocol p,
body.accueil #content .twocol ul {
	margin-left: 15px;
}

body.accueil .col2 .col1 {
	width: 290px;
}
body.accueil .col2 .col2 {
	width: 313px;
}
body.accueil #content .temoignages li {
	margin-bottom: 10px;
	padding: 0;
	background: none;
}
body.accueil #content .temoignages img {
	float: left;
	width: 95px;
}
body.accueil #content .temoignages ul div {
	float: right;
	padding-top: 6px;
	width: 197px;
}
body.accueil .temoignages h4 {
	position: relative;
	left: -17px;
	margin: 0;
	padding-left: 17px;
	color: #5f5f5f;
	background: url(../images/bullet_big.png) no-repeat 0 4px;
	font-size: 1.16em;
}
body.accueil .temoignages p {
	margin: 2px 0;
	font-size: 0.92em;
}
body.accueil #content .temoignages ul div.more {
  margin:0;
  padding:0;
  border:none;
}

/* 3.2	Emplois Accueil
-----------------------------------------------------------------------------------------------*/

body.emploisaccueil .title {
  position:relative;
}
body.emploisaccueil .title h1 {
  height: 214px;
  padding-top: 38px;
	background-image: url(../images/title/emploisaccueil.jpg)
}
body.emploisaccueil .title p {
  position:absolute;
  top:143px;
  left:-6px;
  width:600px;
  padding:12px 40px;
  margin:0;
  line-height:1.25em;
  background: url(../images/bg_title-p.png) no-repeat;
}
body.emploisaccueil .title p a {
  color:#fff;
  text-decoration:none;
  background:url(../images/misc_navigation_current-d.png) bottom left repeat-x;
}
body.emploisaccueil .title p a:hover {
  text-decoration:none;
  background:url(../images/bg_solid-w.png) bottom left repeat-x;
}
body.emploisaccueil .title p a.plus {
  font-weight:bold;
  color:#395901;
  background:none;
}
body.emploisaccueil .title p a.plus:hover {
  text-decoration:underline;
}
body.emploisaccueil .title .location {
  position:absolute;
  top:209px;
  left:806px;
  color:#fff;
}
body.emploisaccueil .title .location span {
  font-size:1.16em;
  line-height:1.14em;
  text-transform:uppercase;
}
body.emploisaccueil .title .location strong {
  font-size: 1.58em;
  line-height: 1.05em;
  font-weight:normal;
  text-transform:uppercase;
}

body.emploisaccueil p.intro {
	padding: 0 20px 32px 30px;
	font-size:1.41em;
	line-height:1.29em;
	font-style: italic;
}
body.emploisaccueil .col1 {
	width: 290px;
}
body.emploisaccueil .col2 {
	width: 622px;
}
body.emploisaccueil .col2 ul {
  min-height:129px;
  margin:0 0 12px 0;
  font-size: 1em;
  line-height:1.27em;
  background:url(../images/bg_dotted-g.png) bottom left repeat-x;
}
* html body.emploisaccueil .col2 ul {
  height:129px;
}
body.emploisaccueil #content .col2 ul li {
  padding:7px 0 7px 16px;
  background:url(../images/bullet_big.png) 0px 9px no-repeat;
}

body.emploisaccueil .col2 .col1 {
	width: 290px;
}
body.emploisaccueil .col2 .col2 {
	width: 317px;
}

body.emploisaccueil .head {
  position:relative;
	height: 29px;	
  overflow:hidden;
  margin:0 0 -3px 0;
	padding-bottom: 12px;
	background: url(../images/bg_head-shadow.png) no-repeat bottom left;
	overflow:hidden;
}
body.emploisaccueil .head a {
  display:block;
  font-size:1.08em;
  font-weight:normal;
  line-height:14px;
  height:14px;
  overflow:hidden;
  margin-right:125px;
  padding:9px 0 7px 10px;
  text-transform:uppercase;
  /*
	Modification par QcMédia : Changement de la couleur de la Typographie
  
  */
	color: #60890d;
	background: #fff;
}
body.emploisaccueil .head a:hover {
  text-decoration:none;
  color:#2e7f97;
}
body.emploisaccueil .head a strong {
  font-weight:normal;
}
body.emploisaccueil .head a span.details {
	background: url(../images/ico_details-g.png) no-repeat;
  height:30px;
  position:absolute;
  right:0;
  text-indent:-9999px;
  top:0;
  width:125px;
}
body.emploisaccueil .head a:hover span.details {
  background-position:0 -30px;
}

body.emploisaccueil #container #content ul.postes dl {
  font-size: 0.91em;
  line-height:1.27em;
}
body.emploisaccueil #container #content ul.postes li {
  padding:0 0 10px 0;
  background:url(../images/bg_postes-b-trans.png) bottom left no-repeat;
}
body.emploisaccueil #container #content ul.postes li .wrap {
  padding:7px 0 0 0;
  background:url(../images/bg_postes-t-trans.png) top left no-repeat;
}
body.emploisaccueil #container #content ul.postes li dl {
  padding-bottom:8px;
  background:none;
}
body.emploisaccueil div.more {
  color:#94DCF7;
}

/* 3.3	Entreprise
-----------------------------------------------------------------------------------------------*/

body.entreprise .title h1 {
  padding-top: 35px;
	height: 217px;
	background-image: url(../images/title/entreprise_nouvelles.jpg)
}
body.entreprise .title .line {
}

body.entreprise #content a {
	background: url(../images/bg_dotted.png) repeat-x bottom;
}
body.entreprise #content a:hover {
  text-decoration:none;
  background:url(../images/bg_solid.png) repeat-x bottom;
}

body.entreprise .textwrap {
	margin-bottom: 0;
}
body.entreprise #content p {
  line-height:1.5em;
}
body.entreprise #content p.notice {
	font-size: 1.62em;
	line-height:1.2em;
}
body.entreprise #content h2 {
  margin-bottom:4px;
}
body.entreprise #content ul li {
  padding-top:1px;padding-bottom:2px;
  background-position:1px 6px;
}

body.entreprise .col1 {
	width: 530px;
}
body.entreprise .col2 {
	width: 330px;
}

body.entreprise h2 {
	font-size: 2em;
}

body.entreprise #content ul {
	font-size: 1.17em;
}

body.entreprise .badges {
	margin-top: 30px;
}
body.entreprise .badges img {
	margin-right: 30px;
}
body.entreprise .badges img.last {
	margin: 0;
}

/* 3.4	Glossaire
-----------------------------------------------------------------------------------------------*/

body.glossaire .title h1 {
  padding-top: 179px;
	height: 73px;
	background-image: url(../images/title/glossaire.jpg);
}

body.glossaire #content li {
	padding: 0;
	background: none;
}

body.glossaire .slide-holder {
  position: relative;
	margin: 0 auto;
	width: 660px;
	overflow: hidden;
}
body.glossaire .slide {
	width: 5000px;
}
body.glossaire .slide li {
	float: left;
	width: 660px;
	overflow: hidden;
}
body.glossaire dl {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 660px;
	background: url(../images/bg_glossaire-shadow.png) no-repeat bottom;
}

body.glossaire dt {
	clear: both;
	float: left;
	padding: 20px 0 20px 0;
	width: 260px;
	border-top: 1px dotted #BEBEBE;
	font-size: 1.33em;
}
body.glossaire dt.first,
body.glossaire dd.first {
	border: none;
}

body.glossaire dt a {
	color: #53A9B0;
}

body.glossaire dd {
	float: left;
	border-top: 1px dotted #BEBEBE;
	padding: 20px 0 20px 18px;
	width: 382px;
	background: url(../images/bullet_big.png) no-repeat 0 23px;
	font-size: 0.83em;
}

body.glossaire #content .pagination {
	margin: 5px 0 5px 411px;
	width: 96px;
}

body.equipededirection #content .carousel .disabled.prev {
  background-position:0 -25px;
}
body.equipededirection #content .carousel .disabled.next {
  background-position:100% -25px;
}

body.glossaire .pagination a {
  float:left;
	height: 25px;
	width: 47px;
	background: url(../images/ico/arrows.png) no-repeat;
	text-indent: -999em;
}
body.glossaire .pagination a:hover {
	background-color: #71BDC3;
}

body.glossaire .pagination .prev a {
	margin-right: 2px;
	background-position: top left;
}
body.glossaire .pagination .next a {
	background-position: top right;
}

body.glossaire .pagination .disabled.prev a {
  background-position: 0 -25px;
}
body.glossaire .pagination .disabled.next a {
  background-position: 100% -25px;
}

/* 3.5	Nouvelles
-----------------------------------------------------------------------------------------------*/

body.nouvelles .title h1 {
	height: 217px;
	padding-top: 35px;
	background-image: url(../images/title/entreprise_nouvelles.jpg)
}
body.nouvelles .title .line {
	top: 35px;
}

body.nouvelles h2 {
  margin:10px 0 7px 0;
	font-size: 1.67em;	
}

.communiques h2,
.communiques #content ul a,
#content .communiques ul a,
.communiques .more {
	color: #86A427;
}

.communiques #content ul li,
#content .communiques ul li {
  margin-top:6px;
	padding-bottom: 12px;
	padding-left: 36px;
	width: 255px;
	background: url(../images/bg_communique.png) no-repeat left bottom;
}

.communiques h3,
.communiques .description {
	margin-right: 20px;
}

.communiques h3 {
	margin: 0 0 -6px -35px;
	padding: 6px 0 6px 35px;
	/* Enlever l'image de BG car on ne peut pas la rendre cliquable */
	/*background: url(../images/ico/communique_generic.png) no-repeat left;*/
}
.communiques .pdf h3 {
	background: url(../images/ico/communique_pdf.png) no-repeat left;
}
.communiques .doc h3 {
	background: url(../images/ico/communique_doc.png) no-repeat left;
}

.communiques .description,
.communiques .more {
	font-size: 0.92em;
}

.communiques .description {
	color: #636363;
}

.communiques p {
  line-height: 1.3em;
	margin-bottom: 0px;
}

/* 3.6	Plusieurs
-----------------------------------------------------------------------------------------------*/

body.plusieurs .textwrap {
	margin-bottom: 5px;
}

body.plusieurs .col {
	display: inline;
	float: left;
	margin-right: 30px;
	width: 285px;
}
body.plusieurs .communiques,
body.plusieurs .fondations {
	margin-right: 0;
}

body.plusieurs .communiques {
	width: 295px;
}
body.plusieurs .communiques h3,
body.plusieurs .communiques p {
	margin-right: 30px;
}

body.plusieurs #content .col ul {
	margin-top: 18px;
}

body.plusieurs h3 {
	font-size: 1.08em;
}

body.plusieurs .communiques li {
	margin-top: 10px;
}

body.plusieurs #content .disctinctions ul,
body.plusieurs #content .fondations ul {
	margin-left: 18px;
	margin-top:13px;
}

body.plusieurs #content .disctinctions li,
body.plusieurs #content .fondations li {
	padding: 10px 0;
	background: none;
	border-bottom: 1px dotted #AEAEAE;
}
body.plusieurs #content .disctinctions li.last,
body.plusieurs #content .fondations li.last {
	border: none;
}
body.plusieurs #content .fondations li {
	padding-bottom: 10px;
}

body.plusieurs #content .disctinctions h3,
body.plusieurs #content .fondations h3 {
	margin-left: -18px;
	margin-bottom: 0;
	padding-left: 18px;
	background: url(../images/bullet_big.png) no-repeat left;
}
body.plusieurs #content .disctinctions p,
body.plusieurs #content .fondations p {
  margin-bottom:0;
}

body.plusieurs #content .description {
	font-size: 0.83em;
}

body.plusieurs #content .disctinctions .more {
	font-size: 0.92em;
	color: #49A6AE;
}

/* 3.7	Communiques
-----------------------------------------------------------------------------------------------*/

body.communiques h3 {
	font-size: 1.25em;
}


.communiques #content ul {
	margin: 0 0 40px;
}
.communiques #content ul li {
	float: left;
}
.communiques #content ul li.last {
	padding-right: 0;
}

/* 3.8	Témoignages
-----------------------------------------------------------------------------------------------*/

body.temoignages .title h1 {
	height: 72px;
	padding-top: 110px;
	background-image: url(../images/title/temoignages.jpg);
}
body.temoignages .title h1 span.line {
  padding-top:10px;
  padding-bottom:10px;
}

body.temoignages .textwrap {
	margin-bottom: 0px;
}

body.temoignages p.intro {
	margin-bottom: 20px;
	font-size: 1.58em;
}

body.temoignages #content ul {
	margin: 0;
}
body.temoignages #content li {
	position: relative;
	float: left;
	margin: 0 38px 20px 0;
	padding: 0;
	width: 273px;
	background: none;
}
body.temoignages #content li.last {
	margin-right: 0;
}

body.temoignages #content ul h2 {
	position: absolute;
	top: 40px;
	z-index: 5;
	margin: 0;
	color: #FFFFFF;
	font-size: 1em;
	text-transform: uppercase;
}
body.temoignages #content ul h2 a {color:#fff;text-decoration:none;}
body.temoignages ul h2 .firstname {
	font-size: 1.25em;
}
body.temoignages ul h2 .lastname {
	font-size: 1.67em;
}

body.temoignages span.firstname,
body.temoignages span.lastname {
	clear: both;
	float: left;
	padding: 5px 3px 0 8px;
	background:url(../images/bg_title.png);
}

body.temoignages ul .pic {
	padding-top: 5px;
	height: 105px;
	background: url(../images/bg_pic.png) no-repeat center;
}
body.temoignages ul .pic img {
	display: block;
	width: 261px;
	margin: 0 auto;
}

body.temoignages #content ul p {
	margin: 5px 0;
	padding-left: 20px;
	background: url(../images/bullet_big.png) no-repeat 3px 2px;
	font-size: 0.83em;
}
body.temoignages #content ul div.more {
	margin-left: 20px;
	font-size: 0.92em;
	color:#49A6AE;
}

/* 3.9	Témoignages Complet
-----------------------------------------------------------------------------------------------*/

body.temoignages-complet .twocol {
	width: 860px;
	margin: 0 60px 20px 0;
}

body.temoignages-complet #content .namelist {
	float: left;
	width: 250px;
	text-transform: uppercase;
}
body.temoignages-complet #content .namelist li {
	width: 250px;
	margin: 0;
	padding-right: 0;
}
body.temoignages-complet #content .namelist li.current {
  width: 235px;
  padding-right: 15px;
}

body.temoignages-complet .col2 {
	width: 540px;
}

body.temoignages-complet img {
	display: block;
	position: relative;
	left: -20px;
}

body.temoignages-complet #content h2 {
	position: relative;
	left: -17px;
	margin: 0;
	margin-top: 20px;
	padding-left: 17px;
	background: url(../images/bullet_big_green.png) no-repeat left;
	color: #5D5D5D;
	font-size: 1.33em;
	font-weight: normal;
}

body.temoignages-complet p.role {
	color: #8BA82D;
	font-weight: normal;
}

body.temoignages-complet h3 {
	margin-top: 20px;
	color: #8BA82D;
	font-size: 1.33em;
}

/* 3.10	Contact
-----------------------------------------------------------------------------------------------*/

body.contact .twocol {
  margin:0 0 0 0;
}
body.contact .twocol .col1,
body.contact .twocol .col2 {
  width:454px;
}

.map {
  position:relative;
  width:440px;
  height:330px;
  padding:5px 7px 19px 7px;
  margin:0 0 10px 0;
  background:url(../images/bg_map.png) top center no-repeat;
}
body.emplois .map {
  background:url(../images/bg_map_trans.png) top center no-repeat;
}

/* Vcard */
.map .vcard {
  z-index: 10;
  position:absolute;
  top:41px;
  left:-3px;
  color:#fff;
}
.map .vcard .fn .given-name,
.map .vcard .fn .additional-name
{
  background:url(../images/bg_translucid.png);
  float:left;
  clear:left;
  padding:0 10px 0 10px;
  text-transform:uppercase;
}

.map .vcard .wrap {
  background:url(../images/bg_hcard-adr.png) top right no-repeat;
  float:left;
  clear:left;
  padding:0 25px 0 10px;
}
body.emplois .map .vcard .wrap {
  background:url(../images/bg_hcard-adr-d.png) top right no-repeat;
}
.map .vcard .fn {
  float:left;
  margin:0 0 8px 0;
}
.map .vcard .wrap {
  padding-top:8px;
  padding-bottom:13px;
}
.map .vcard .fn .given-name {
  display:block;
  padding-top:3px;
  font-size:1.88em;
  line-height:1.13em;
}
.map .vcard .fn .additional-name {
  display:block;
  font-size:2.58em;
  line-height:1.06em;
}
.map .vcard .adr {
  margin:0 0 10px 0;
  font-style:italic;
}
.map .vcard .tel {
  font-weight:bold;
}
.map .vcard .tel acronym {
  border:none;
}
.map .vcard .email {
  font-weight:bold;
  color:#fff;
}

.map-wrapper {
	height: 330px;
}

/* 3.11	Equipededirection
-----------------------------------------------------------------------------------------------*/

body.equipededirection #content .carousel .main .head span.name,
body.equipededirection #content .carousel .main .head span.surname,
body.equipededirection #content .carousel .main .head span.position {
  background:url(../images/bg_title_accueil.png);
}

body.equipededirection #content .carousel {
  position:relative;
  margin:32px 0 10px 0;
  min-height:400px;
}

/* Carousel navigation */
#content .namelist {}
#content .namelist li {
  clear:both;
  display:block;
  padding:0 0 0 0;
  text-align:right;
  background:none;
}
#content .namelist li a {
  float:right;
  clear:both;
  line-height:20px;
  
  padding-right:15px;
  font-weight:normal;
  background:none;
  /*
	Modification QcMédia : Changement de la couleur du lien
  */
  color:#6d6d6d;
}
#content .namelist li a:hover {
  font-size:1.5em;
  text-decoration:none;
  color:#58b1b8;
  background:url(../images/misc_carousel_current.png) 100% 5px no-repeat;  
}
#content .namelist li.current {
  padding-right:15px;
  background:url(../images/misc_carousel_current.png) 100% 5px no-repeat;
}
#content .namelist li.current a {
  margin:0 0 7px 0;
  padding-right:0;
  border:none;
  padding-bottom:8px;
  font-size: 1.5em;
  line-height: 1.11em;
  text-decoration:none;
  background:url(../images/misc_sml_underline.png) bottom right no-repeat;
  color:#58b1b8;
  cursor:default;
}
#content .namelist li.current a:hover {
  border:none;
}
body.equipededirection #content .carousel .namelist {
  position:absolute;
  top:267px;
  left:-5px;
  z-index:5;
  width:257px;
  /*height:172px;*/
  height:125px;
  margin:0;
  background:#fff;
}
body.equipededirection #content .carousel .namelist a {
  text-transform:uppercase;
}

/* Prev - Next */
body.equipededirection #content .carousel .prev,
body.equipededirection #content .carousel .next {
  position:absolute;
  top:178px;
  z-index:5;
  width:46px;
  height:25px;
  background-image:url(../images/ico/arrowsd.png);
  background-repeat:no-repeat;
  background-position:top left;
}
body.equipededirection #content .carousel .disabled.prev {
  background-position:0 -25px;
}
body.equipededirection #content .carousel .disabled.next {
  background-position:100% -25px;
}
body.equipededirection #content .carousel .prev {
  left:-5px;
  background-position:top left;
}
body.equipededirection #content .carousel .next {
  right:-5px;
  background-position:top right;
}
body.equipededirection #content .carousel .prev:hover {
  background-color:#71bdc3;
}
body.equipededirection #content .carousel .next:hover {
  background-color:#71bdc3;
}

/* Slideing Item */
body.equipededirection #content .carousel .main {
  position:relative;
  width:925px;
  height:450px;
  margin:0 0 0 -5px;
  overflow:hidden;
}
body.equipededirection #content .carousel .main ul.slide {
  position:absolute;
  top:0;
  left:0;
  width:6000px;
  height:450px;
}
body.equipededirection #content .carousel .main ul.slide li {
  float:left;
  padding:0 0 0 5px;
  width:920px;
  background:none;
}
body.equipededirection #content .carousel .main .head {
  position:relative;
  height:241px;
  padding:0 0 15px 0;
  margin:0 0 14px 0;
  background:url(../images/bg_title_shadow.png) no-repeat left bottom;
}
body.equipededirection #content .carousel .main .head .about {
  position:absolute;
  top:51px;
  left:-5px;
  color:#fff;
}
body.equipededirection #content .carousel .main .head span.name {
  float:left;
  clear:left;
  padding:2px 15px 0 12px;
  font-size:1.89em;
  line-height:1.18em;
  text-transform:uppercase;
  background:url(../images/bg_translucid.png);
}
body.equipededirection #content .carousel .main .head span.surname {
  float:left;
  clear:left;
  padding:0 15px 0 12px;
  margin:0 0 8px 0;
  font-size:2.58em;
  line-height:1.07em;
  text-transform:uppercase;
  background:url(../images/bg_translucid.png);
}
body.equipededirection #content .carousel .main .head span.position {
  float:left;
  clear:left;
  padding:3px 13px 3px 12px;
  font-weight:bold;
  line-height:1.5em;
  background:url(../images/bg_translucid.png);
}

body.equipededirection #content .carousel .main .body {
  margin:0 0 0 272px;
}
body.equipededirection #content .carousel .main .body h6 {
  text-transform:uppercase;
  font-size:1.08em;  
}
body.equipededirection #content .carousel .main .body .twocol {
  background:url(../images/equipededirection-sep.png) 320px 0 no-repeat;
}

body.equipededirection #content .carousel .main p strong {
  font-weight:normal;
  color:#58b1b8;  
}
body.equipededirection #content .carousel .main p a {
  color:#58b1b8;  
}

/* 3.12	Installations
-----------------------------------------------------------------------------------------------*/

body.installations #content {
  position:relative;
}
body.installations #content h1 {
  margin-left:-3px;
}
body.installations p.notice {
  min-height:3.6em;
}
* html body.installations p.notice {
  height:3.6em;
}
body.installations #content .carousel p.overlayed {
  position:absolute;
  top:-34px;
  right:11px;
  width:475px;
  z-index:5;
  padding:0 15px 10px;
  margin:0;
  line-height:1.41em;
  text-align:justify;
  background:#fff;
  color:#71bdc3;
}
body.emplois #content .carousel p.overlayed {
  background:url(../images/bg_overlayed-d.png) bottom left repeat-x;
  color:#9fe2fa;
}

body.installations #content .carousel {
  position:relative;
  margin:17px 0 10px 0;
}
body.installations #content .carousel .prev,
body.installations #content .carousel .next {
  position:absolute;
  top:211px;
  z-index:5;
  width:46px;
  height:25px;
  background-image:url(../images/ico/arrowsd.png);
  background-repeat:no-repeat;}
body.emplois #content .carousel .prev,
body.emplois #content .carousel .next {
  background-image:url(../images/ico/arrowsd-d.png);
}
body.installations #content .carousel .disabled.prev {
  background-position:0 -25px;
}
body.installations #content .carousel .disabled.next {
  background-position:100% -25px;
}
body.installations #content .carousel .prev {
  left:-5px;
  background-position:0 0;
}
body.installations #content .carousel .next {
  right:-5px;
  background-position:100% 0;
}
body.installations #content .carousel .prev:hover {
  background-color:#71bdc3;
}
body.installations #content .carousel .next:hover {
  background-color:#71bdc3;
}

body.installations #content .carousel .main {
  position:relative;
  margin-left:-5px;
  width:925px;
  height:407px;
  overflow:hidden;
  background:url(../images/bg_title_shadow.png) bottom center no-repeat;
}
body.installations #content .carousel ul.slide {
  position:absolute;
  top:0;
  left:0;
  width:4625px;
}
body.installations #content .carousel ul.slide li {
  float:left;
  position:relative;
  width:920px;
  height:392px;
  overflow:hidden;
  padding:0 0 0 5px;
}
body.installations #content .carousel .main .about {
  position:absolute;
  top:45px;
  left:0px;
  color:#fff;
}
body.installations #content .carousel .main .about span.voxdata {
  float:left;
  clear:left;
  padding:2px 15px 0 12px;
  font-size:1.89em;
  line-height:1.18em;
  text-transform:uppercase;
  background:url(../images/bg_translucid.png);
}
body.installations #content .carousel .main .about span.location {
  float:left;
  clear:left;
  padding:0 15px 0 12px;
  margin:0 0 8px 0;
  font-size:2.58em;
  line-height:1.07em;
  text-transform:uppercase;
  background:url(../images/bg_translucid.png);
}
body.installations #content .carousel .main .about p {
  float:left;
  clear:left;
  width:260px;
  padding:3px 13px 3px 12px;
  font-size: 0.91em;
  line-height:1.45em;
  background:url(../images/bg_translucid.png);
}
body.emplois #content .carousel .main .about span.voxdata,
body.emplois #content .carousel .main .about span.location,
body.emplois #content .carousel .main .about p,
body.emplois .map .vcard .fn .given-name,
body.emplois .map .vcard .fn .additional-name
{
  background:url(../images/bg_translucid-d.png);
}

/* 3.13	Postes Disponibles
-----------------------------------------------------------------------------------------------*/

body.postesdisponibles .title h1,
body.postesformulaire .title h1 {
  padding-top:36px;
  height:216px;
  background:url(../images/title/postesdisponibles.jpg);
}

body.postesdisponibles .title h1 .line,
body.postesformulaire .title h1 .line {
}
body.postesdisponibles h2,
body.postesformulaire h2 {
  margin:25px 0 10px 0;
  font-size:2em;
  line-height:1.16em;
}
body.postesdisponibles #content,
body.postesformulaire #content {
  padding-bottom:20px;
}
body.postesdisponibles #content ul li {
  background-position:1px 7px;
}

body.postesdisponibles p.important,
body.postesformulaire p.important {
  margin-bottom:3px;  
}
body.postesdisponibles ul.postes,
body.postesformulaire ul.postes {
  position:relative;
  left:-6px;  
}
body.postesdisponibles .main-content p {
  line-height:1.5em;
}
#container #content ul.postes {
  width:268px;  
}
#container #content ul.postes li {
  padding:6px 0px 0;
  background:url(../images/bg_postes-t.png) top left no-repeat;
}
#container #content ul.postes strong {
  display:block
  margin:0 0 5px 0;
  padding:0 10px 0 22px;
  font-size:1.08em;
  line-height:1.23em;
  color:#a6eaff;  
}
#container #content ul.postes dl {
  padding:0 2px 18px 22px;
  font-size: 0.83em;line-height:1.4em;
  font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
  background:url(../images/bg_postes-b.png) bottom left no-repeat;  
}
#container #content ul.postes dl dt {
  float:left;
  clear:left;
  white-space:nowrap;
  margin-right:2px;  
}
#container #content ul.postes dl dd {
  float:left;  
}
#container #content ul.postes li.active {
  background:url(../images/bg_postes-t-a.png) top left no-repeat;  
}
#container #content ul.postes li.active dl {
  background:url(../images/bg_postes-b-a.png) bottom left no-repeat;  
}

/* Postes Formulaire */
body.postesformulaire .twocol .main-content {
  width:608px;
  margin-right:-12px;
  padding-left:12px;
  background:url(../images/bg_postesdisponibles_formulaire.png) bottom center no-repeat;  
}
body.postesformulaire .twocol .secondary-content {
  width:268px;  
}