body {
	background:  url('img/body_fond.gif') repeat;
	
	font: 75%/130% Verdana, Geneva, Arial, sans-serif;
}

#docWarpper {
 	position: absolute;
	width: 917px;
	height: 664px;
	margin-left: -458.5px;
 	margin-top: -332px;  /* moitie de height */
	left: 50%;
    top: 50%;	/* constant, toujours 50% */
	background: url(img/doc_ombre_fond.png) top right no-repeat;

	text-align: left;
}

#doc {
	margin: 15px;
	height: 634px;
	width: 887px;
}

body#u- #hd, body#u- #bd{
	display: none;
}

/*************************/
/******** ENTETE *********/
/*************************/

#hd {
	height: 172px;
	width: 886px;
	background: #87b83b url(img/hd_fond.png);
}

#hd #bandeau, #hd #bandeauAltContent{
	position: absolute;
	left: 280px;
}

#hd h1 {
	position: relative;
	display: block;
	float: left;
	top: 15px;
	left: 16px;
}

#hd h1 a {
	position: relative;
	display: block;
	width: 234px;
	height: 133px;
	background: transparent 0 0 url(img/offres_logo_fond.png);
	
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#hd h1 a img {
	display: none;
}

#hd div.extra {
	padding-top: 11px;
	position: absolute;
	left: 598px;
	width: 303px;
}


* html #hd div.extra {
	left: 583px;
}


#hd div.extra div.recherche {
	display: block;
	float: right;
	height: 29px;
	width: 280px;
}

#hd div.extra div.recherche.hover {
	background: #847D7C;
}

#hd div.extra div.recherche div {
	display: none;
	float: left;
}

#hd div.extra div.recherche.hover div {
	display: block;
}


#hd div.extra div.recherche form{
	display: block;
	float: left;
}

#hd div.extra div.recherche fieldset{
	display: block;
	float: left;
}


#hd div.extra div.recherche span {
	display: block;
	float: left;
	background: #847D7C top left url(img/recherche_texte.png) no-repeat;
	
	height: 29px;
	width: 91px;

	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#hd div.extra div.recherche input.text {
	background: #fff top left url(img/input_recherche_fond.png) no-repeat;
	position: relative;
	float: left;
	border: none;
	height: 13px;
	width: 108px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

#hd div.extra div.recherche input.submit {
	background: transparent top left url(img/ok_fond.png) no-repeat;
	
	height: 19px;
	width: 26px;
	
	padding-top: 19px;
	padding-left: 26px;
	
	border: none;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;

	overflow: hidden;
	text-indent: 0;
	font-size:19px;
	line-height:19px;
 cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#hd div.extra div.recherche a.recherche {
	display: block;
	background: transparent right top url(img/recherche.png) no-repeat;
	height: 29px;
	width: 45px;
		float: right;
		position: relative;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	
	/*background: #f00;*/
}

#hd div.extra div.recherche.hover a.recherche {
	background-position: 0 -29px;
}

#hd div.extra a.contact {
	clear: both;
	float: right;
	position: relative;
	top:4px;
}

* html #hd div.extra a.contact, *:first-child+html #hd div.extra a.contact {
	top:-10px;
}


#hd div.extra a.contact {
	display: block;
	background: transparent right top url(img/contact.png) no-repeat;
	height: 29px;
	width: 45px;
	
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#hd div.extra a.contact:hover {
	background-position: 0 -29px;
	width: 118px;
}

#hd div.extra a.news {
	margin-top: 4px;
	display: block;
	float: right;
	clear: both;
	display: block;
	background: url(img/news_bt.png) transparent top left no-repeat;
	width: 44px;
	height: 58px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	height: 29px;
}

#hd div.extra a.news:hover {
	background-position: 0 -29px;
}

/************************/
/******** CORPS *********/
/************************/

body#u- #introAltContent, body#u- #intro {
	display: none;
}
	
body#u- #intro {
	display: block;
	position: absolute;
	display: block;
	z-index: 51;
}

#content div.hd {
	padding-top: 8px;
	height: 22px;
	
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-family: Helvetica, Arial;
}

#bd {
	background: #fff;
	width: 886px;
}

#yui-main {
	height: 415px;
	overflow: hidden;
	background-attachment: scroll;
	
	color: #706969;
}

#content {
	position: relative;
	clear: both;
}

#content div.bd {
	padding: 5px;
	position: relative;
	float: left;
	width: 617px;
	height: 374px;
	border: none;
	overflow: auto;
	background: #fff bottom right url(img/content_blanc_fond.png) no-repeat;
}

#content img.illustration {
	float: left;
	margin-right: 5px;
}

#content h1 {
	display: none;
}

#content h2 {
	border-left: solid 4px #87b83b;
	padding: 0 0 0 0.25em;
	margin-top: 2em;
		
	text-transform: uppercase;
	color: #706969;
	font-size: 110%;
	font-weight: bold;
	line-height: 165%;
}

#content h3 {
	margin-top: 2em;
		
	text-transform: uppercase;
	color: #B8AB3C;
	font-size: 100%;
	font-weight: bold;
	line-height: 155%;
}

#content p, #content ul, #content dl, #content ol, #content pre, #content code, #content blockquote, #content table, #content form {
	margin-left: 2.5em;
}

#content strong {
	font-weight: bold;
}

#content dl {
	font-size: 100%;
	line-height: 160%;
}

#content dl dt {
	font-style: italic;
}

#content li, #content dl dd {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}

/******************************/
/********* NAVIGATION *********/
/******************************/

#nav {
	height: 46px;
	width: 886px;
	background: #fff top center url(img/degrade_transparent_fond.png) no-repeat;
}

#nav ul, #nav li {
	display: block;
	height: 46px;
}

#nav ul {
	margin: 0 auto;
	width: 724px;
	height: 100%;
}

#nav li {
	float: left;
	display: block;
	height: 46px;
	
	text-align: center;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#nav li.active {
	position: relative;
	height: 54px;
	margin-bottom: -8px;
	background: #fff 0 0 url(img/degrade_blanc_fond.png) repeat-x;
}

#nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent 0 0 url(img/nav_bt.png) no-repeat;
}

#nav li.offres a {
	width: 123px;
	background-position: 0 0;
}

#nav li.offres a:hover, #nav li.offres a.active {
	background-position: 0 -54px;
}

#nav li.candidature a {
	width: 182px;
	background-position: -123px 0;
}

#nav li.candidature a:hover, #nav li.candidature a.active {
	background-position: -123px -54px;
}

#nav li.nos_agences a {
	width: 180px;
	background-position: -305px 0;
}

#nav li.nos_agences a:hover, #nav li.nos_agences a.active {
	background-position: -305px -54px;
}

#nav li.l_equipe a {
	width: 136px;
	background-position: -485px 0;
}

#nav li.l_equipe a:hover, #nav li.l_equipe a.active {
	background-position: -485px -54px;
}

#nav li.memo a {
	width: 103px;
	background-position: -621px 0;
}

#nav li.memo a:hover, #nav li.memo a.active {
	background-position: -621px -54px;
}

/************************/
/********* PIED *********/
/************************/

#ft {
	height: 32px;
	line-height: 32px;
	padding: 0 5px;
	color: #fff;
	font-family: Helvetica, Arial;
	font-size: 95%;
}

#ft img{
	/*vertical-align: middle;*/
}
/*
body#u- #ft {
	padding-top: 633px;
}*/


* html #ft {
	margin-top: 5px;
}

#ft p.copyright {
	display: block;
	float: left;
	margin: 0;
	width: auto;
}

#ft ul, #ft li {
	display: block;
}

#ft ul {
	position: relative;
	float: right;
	height: 32px;
	line-height: 32px;
}

#ft li {
	display: block;
	position: relative;
	float: left;
}

#ft li a {
	border-right: 1px solid #fff;
	padding-right: 10px;
	padding-left: 10px;
}

#ft li.last a {
	border-right: none;
	padding-right: 0px;
}

#ft a:link 
  {color: #fff; 
  text-decoration: none; 
  background-color: transparent }
#ft a:visited 
  { color: #c6c3c3; 
  text-decoration: none; 
  background-color: transparent }
#ft a:hover 
  { color: #87b83b; 
  text-decoration: underline; 
  background-color: transparent }
#ft a:active 
  { color: #000; 
  text-decoration: underline; 
  background-color: transparent }

/***********************/
/******** PAGES ********/
/***********************/

/* OFFRES */

#doc.c-offres #yui-main {
	background: #fff top center url(img/offres_bd_fond.png) repeat-x;
}

#doc.c-offres #hd {
	background-color: #87b83b;
}

#doc.c-offres #hd h1 a {
	background-image: url(img/offres_logo_fond.png);
}

#doc.c-offres #content h2 {
	border-color: #87b83b;
}


#doc.c-offres #content div.bd {
	width: 886px;
	padding: 0;
}


/* CANDIDATURE */

#doc.c-candidatures.a-deposer #yui-main {
	background: #fff top center url(img/candidature_bd_fond.png) repeat-x;
}

#doc.c-candidatures.a-deposer #hd {
	background-color: #57b9e8;
}

#doc.c-candidatures.a-deposer #hd h1 a {
	background-image: url(img/candidature_logo_fond.png);
}

#doc.c-candidatures.a-deposer #content h2 {
	border-color: #57b9e8;
}


#doc.c-candidatures.a-deposer #content div.bd {
	overflow: auto;
	width: 617px;
}

/*
#doc.c-candidatures.a-deposer .illustration {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	padding: 0;
}*/

/* PAGE NOS AGENCES */

#doc.c-pages.a-display.p0-nos_agences #yui-main {
	background: #fff top center url(img/nos_agences_bd_fond.png) repeat-x;
	overflow: hidden;
}

#doc.c-pages.a-display.p0-nos_agences #hd {
	background-color: #ea942f;
}

#doc.c-pages.a-display.p0-nos_agences #hd h1 a {
	background-image: url(img/nos_agences_logo_fond.png);
}

#doc.c-pages.a-display.p0-nos_agences #content h2 {
	border-color: #ea942f;
}

#doc.c-pages.a-display.p0-nos_agences #content .illustration {
	float: right;
	position: relative;
	margin-right: 0;
	margin-left: 5px;
	width: 496px;
	height: 385px;
	padding: 0;

}

#doc.c-pages.a-display.p0-nos_agences #content div.bd {
	padding-top: 55px;
	padding-left: 105px;
	position: relative;
	float: left;
	width: 247px;
	height: 320px;
	overflow: auto;
	background: none;
}

#doc.c-pages.a-display.p0-nos_agences #content div.hd a.visitez_nos_partenaires {
	display: block;
	background: url(img/visitez_nos_partenaires_fond.png) transparent top left no-repeat;
	width: 223px;
	height: 122px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	position: absolute;
	margin-top: -8px;
	z-index: 7;
}

* html #doc.c-pages.a-display.p0-nos_agences #content div.hd a.visitez_nos_partenaires {
	top: 54px;
	left: 0px;
	background-image: url(img/visitez_nos_partenaires_fond_ie.png);
}

*:first-child+html #doc.c-pages.a-display.p0-nos_agences #content div.hd a.visitez_nos_partenaires {
	top: 241px;
	left: 15px;
	position: absolute;
	background-image: url(img/visitez_nos_partenaires_fond_ie.png);
}

#doc.c-pages.a-display.p0-nos_agences #content h2 {
	font-size: 140%;
	font-weight: bold;
	border: none;
	background: transparent left center url(img/nos_agences_titre_pict_fond.png) no-repeat;
	padding: 0 0 0 18px;
}

#doc.c-pages.a-display.p0-nos_agences #content div.bd p {
	margin-left: 18px;
}

#doc.c-pages.a-display.p0-nos_agences #content div.bd img.devanture_agence {
	border: solid 1px #ea942f;
	margin-left: 18px;
}

/* PAGE L EQUIPE */

#doc.c-pages.a-display.p0-l_equipe #yui-main {
	background: #fff top center url(img/l_equipe_bd_fond.png) repeat-x;
}

#doc.c-pages.a-display.p0-l_equipe #hd {
	background-color: #b83d9d;
}

#doc.c-pages.a-display.p0-l_equipe #hd h1 a {
	background-image: url(img/l_equipe_logo_fond.png);
}

#doc.c-pages.a-display.p0-l_equipe #content h2 {
	border-color: #b83d9d;
}

#doc.c-pages.a-display.p0-l_equipe #content div.bd {
	width: 876px;
	overflow: auto;
}

/* PAGE MEMO */

#doc.c-pages.a-display.p0-memo #yui-main {
	background: #fff top center url(img/memo_bd_fond.png) repeat-x;
}

#doc.c-pages.a-display.p0-memo #hd {
	background-color: #dd4816;
}

#doc.c-pages.a-display.p0-memo #hd h1 a {
	background-image: url(img/memo_logo_fond.png);
}

#doc.c-pages.a-display.p0-memo #content h2 {
	border-color: #dd4816;
}

/* PAGE PARTENAIRES */

#doc.c-pages.a-display.p0-nos_partenaires #yui-main {
	background: #fff top center url(img/offres_bd_fond.png) repeat-x;
}

#doc.c-pages.a-display.p0-nos_partenaires #hd {
	background-color: #87b83b;
}
#doc.c-pages.a-display.p0-nos_partenaires #content div.bd {
	width: 876px;
}

/* PAGE CONTACT */

#doc.c-pages.a-contact #yui-main {
	background: #fff top center url(img/offres_bd_fond.png) repeat-x;
}

#doc.c-pages.a-contact #hd {
	background-color: #87b83b;
}
#doc.c-pages.a-contact #content div.bd {
	width: 876px;
}

/* PAGE NEWS */

#doc.c-actualites.a-index #yui-main {
	background: #fff top center url(img/offres_bd_fond.png) repeat-x;
}

#doc.c-actualites.a-index #hd {
	background-color: #87b83b;
}
#doc.c-actualites.a-index #content div.bd {
	width: 876px;
}