@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

a:link {color: #29515F;}
a:visited {color: #29515F;}
a:focus {color: #586B72;}
a:hover {color: #586B72;}
a:active {color: #29515F;}

body {
background: #F3F5F5 url(../img/com/bg-body.jpg) left top repeat-x;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a span {/*  logo retour accueil   */
background: transparent;
cursor: pointer; /* pour IE */
display: block;
height: 125px;
left: 5px;
overflow: visible;
padding: 0;
position: absolute;
text-indent: -10000px;
top: 0;
width: 125px;
}

h2 {
font-size: 1.4em;
margin: 0;
padding: 0;
text-align: left;
}
h3 {
color: #475C5F;
font-size: 1.2em;
margin: 0;
padding: 0;
text-align: left;
}
img {border: none;}
p {margin: 0 0 6px 0;}
strong {color: #AE162F;}


.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
/* Global 
--------------------------------------------------------*/
#global {
border: none;
margin: 0 auto;
position: relative;
width: 990px;
}
/* Header
--------------------------------------------------------*/
#header {
background: #FFF url(../img/com/header.jpg) left top no-repeat;
height: 125px;
margin-top: 5px;
position: relative;
}
 #headerNav {
 background: transparent url(../img/com/bg-nav-header.png) left top no-repeat;
 height: 21px;
 position: absolute;
 right: 20px;
 text-align: center;
 width: 260px;
 }
 	#headerNav a {
	font-weight: bold;
	text-decoration: none;
	}
/* Contenu
--------------------------------------------------------*/
#contenu {
background: #FFF;
border-bottom: 6px solid #FFF;
margin: 6px 0 0 0;
padding: 0;
width: 990px;
}
	#page-accueil #contenu,
	#page-societe #contenu{
	background: #FFF url(../img/com/bg-contenu-accueil.gif) left top repeat-y;
	}
	#page-metier #contenu {
	background: #FFF url(../img/com/bg-contenu-metier.gif) left top repeat-y;
	}
#blocGaucheAccueil, #blocGauche {
float: left;
padding-left: 5px;
width: 304px;
}
#dk1 {
	bottom: 30px;
	left: 5px;
	margin: 0;
	padding: 0;
	position: absolute;
	}
/*#dk {
	margin: 80px 0 0 0;
	padding: 0;
	}*/
#dk2 {font-size: .85em;}
#blocCentreAccueil {
float: left;
margin: 0 5px 0 20px;
text-align: justify;
width: 370px;
}
	#blocCentreAccueil p {
	width: 350px;}
#blocDroiteAccueil {
background: #FFF;
float: right;
width: 275px;
padding-right: 5px;
}
#blocDroite {
background: #F8F9FA url(../img/com/bg-blocMetier.gif) right bottom no-repeat;
float: right;
margin-right: 5px;
text-align: justify;
width: 665px;
}	
	#page-lien #blocDroite,
	#page-actu #blocDroite {
	height: 390px;
	}
	html>body#page-lien #blocDroite,
	html>body#page-actu #blocDroite {
	min-height: 390px;
	height: auto;
	}

	#blocDroite h3 {
	background: transparent url(../img/com/puce-h-metier.gif) left center no-repeat;
	margin: 10px 0;
	padding: 0 10px 0 36px;
	text-transform: uppercase;
	}
	#blocDroite p {
	margin: 10px 10px 10px 36px;
	width: 500px;
	}
	#blocDroite ul {
	padding: 0 0 0 76px;
	}
	#blocDroite #navPage {
	border-bottom: 1px solid #AE162F;
	color: #FFF;
	margin: 10px 0 10px 36px;
	padding-bottom: 2px;
	}
		#navPage a {
		background: #EFD1D6;
		color: #AE162F;
		padding: 2px 10px;
		text-decoration: none;
		}
		#navPage a:hover,
		#page-societe.histoire #navPage-1,
		#page-societe.vocation #navPage-2,
		#page-societe.culture #navPage-3 {
		background: #AE162F;
		color: #FFF;
		}
/* Titres des pages
---------------------------------------------------------------------*/		
#page-actu h2 {
	background: #F8F9FA url(../img/fr/h-actu.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-societe h2 {
	background: #F8F9FA url(../img/fr/h-cabinet.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-contact h2 {
	background: #F8F9FA url(../img/fr/h-contact.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-demande h2 {
	background: #F8F9FA url(../img/fr/h-demande-etude.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-implantation h2 {
	background: #F8F9FA url(../img/fr/h-implantation.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-lien h2 {
	background: #F8F9FA url(../img/fr/h-lien.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}
#page-mention h2 {
	background: #F8F9FA url(../img/fr/h-mention.png) left top no-repeat;
	height: 28px;
	width: 670px;
	}	
#blocActu {
background: #CDD6D8 url(../img/fr/h-bg-actu.gif) left top no-repeat;
border-bottom: 2px solid #9CAEB4;
padding: 35px 10px 5px 10px;
width: 255px;
}
#blocActu h3 {font-size: 1.1em;}
#blocExpert {color: #29515F;}
#blocExpert a {color: #29515F; text-decoration: none;}
#blocExpert a:link {color: #29515F;}
#blocExpert a:visited {color: #29515F;}
#blocExpert a:focus {color: #586B72;}
#blocExpert a:hover {color: #586B72;}
#blocExpert a:active {color: #586B72;}
#blocExpert span {
	color: #586B72;
	font-size: .9em;
	font-style: italic;
	}
#blocNavMetier {
background: #FFF url(../img/fr/h-nav-metier.png) left top no-repeat;
float: left;
margin: 0 5px;
width: 218px;
}
#blocMetier {
background: #F8F9FA url(../img/com/bg-blocMetier.gif) right bottom no-repeat;
float: left;
font-size: 1em;
width: 442px;
margin: 0 5px 0 5px;
padding: 0 0 10px 0;
text-align: justify;
}
	#blocMetier h2 {
	background: #F8F9FA url(../img/fr/h-metier.png) left top no-repeat;
	height: 28px;
	width: 442px;
	}
	#blocMetier h3 {
	background: #F8F9FA url(../img/com/puce-h-metier.gif) left center no-repeat;
	margin: 10px 0;
	padding-left: 36px;
	text-transform: uppercase;
	}
	#blocMetier li {margin: 0 10px 10px 0;}
	#blocMetier p {
	margin: 0 10px 10px 36px;
	}
	
	#blocMetier ul {padding: 0 0 0 60px;}
	#blocMetier ul ul {padding: 0 0 0 20px;}

a#b-demande {
background: transparent url(../img/fr/b-demande.gif) left top no-repeat;
display: block;
height: 30px;
margin: 0;
padding: 0;
text-indent: -10000px;
width: 206px;
}
	a#b-demande:hover {background: transparent url(../img/fr/b-demande.gif) left -30px no-repeat;}
	
a#b-download {
background: transparent url(../img/fr/b-download.gif) left top no-repeat;
display: block;
height: 30px;
margin: 0;
padding: 0;
text-indent: -10000px;
width: 161px;
}
	a#b-download:hover {background: transparent url(../img/fr/b-download.gif) left -30px no-repeat;}
	
#sloganAccueil {
background: #FFF url(../img/com/bg-slogan.jpg) left top no-repeat;
height: 161px;
margin: 0 0 10px 0;
}
	#sloganAccueil p {
	color: #FFF;
	font-style: italic;
	padding: 10px;
	}
	#slogan {
	color: #1D6E9F;
	font-size: 0.9em;
	font-style: italic;
	list-style-type: none;
	padding: 0 0 0 5px;
	}
		#slogan li {
		margin: 6px 0;
		padding: 0 0 0 15px;
		}
	#sloganAccueil p .grand,
	#slogan .grand {
	font-size: 1.3em;
	font-weight: bold;
	}
/* Footer
--------------------------------------------------------*/
#footer {
background: #AE162F url(../img/com/picto-footer-g26.gif) left center no-repeat;
color: #FFF;
font-size: 0.9em;
height: 19px;
margin: 0;
padding: 3px 0 0 30px;
position: relative;
width: 960px;
}
#footer img {
	position: absolute;
	right: 3px;
	top: 3px;
	}
#footer p {margin: 0;}
/* Les Classes
---------------------------------------------------------*/

a.b-espace-client {
background: transparent url(../img/fr/b-espace-client.gif) left top no-repeat;
display: block;
height: 28px;
margin: 0;
padding: 0;
text-indent: -10000px;
width: 275px;
}
	a.b-espace-client:hover {background: transparent url(../img/fr/b-espace-client.gif) left -28px no-repeat;}

a.b-expert-info {
background: transparent url(../img/fr/b-expert-info.gif) left top no-repeat;
display: block;
height: 28px;
margin: 0;
padding: 0;
text-indent: -10000px;
width: 275px;
}
	a.b-expert-info:hover {background: transparent url(../img/fr/b-expert-info.gif) left -28px no-repeat;}

.blocImplantation {
background: #FFF;
border: 1px solid #E1E6E8;
float: left;
height: 140px;
margin: 10px;
padding: 5px;
width: 130px;
}
	#blocDroite .blocImplantation p {
	font-size: 0.9em;
	margin: 5px;
	text-align: left;
	width: auto;
	}
	.blocImplantation strong {
	text-transform: uppercase;
	}
	
.bold {font-weight: bold;}
.btnForm {
background: #FFF url(../img/com/bg-b-form.gif) left top repeat-x;
border: 1px solid #8B9C9F;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.date {
color: #5C7785;
letter-spacing: 1px;
}
.docName {
background: transparent url(../img/com/picto-pdf.gif) left bottom no-repeat;
display: block;
height: 19px;
padding: 0 0 0 24px;
}
.httpLink {
background: transparent url(../img/com/picto-web.gif) left bottom no-repeat;
display: block;
height: 19px;
padding: 0 0 0 24px;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 10px 10px 0;
}
.li1 {background: transparent url(../img/com/puce-orange.gif) left center no-repeat;}
.li2 {background: transparent url(../img/com/puce-violet.gif) left center no-repeat;}
.li3 {background: transparent url(../img/com/puce-vert.gif) left center no-repeat;}
.li4 {background: transparent url(../img/com/puce-gris.gif) left center no-repeat;}

.obligatoire {
color: #C68E0F;
}
.separateur {
border: none;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/* Formulaire de contact
--------------------------------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background: none;
	border-bottom: 2px solid #8B9C9F;
	border-left: none;
	border-right: none;
	border-top: 2px solid #8B9C9F;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #475C5F;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact legend {
	background: none;
	color: #475C5F;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}

#formContact input:focus,
#formContact input:focus#cv,
#formContact input:focus#nom,
#formContact input:focus#mail,
#formContact input:focus#telephone,
#formContact textarea:focus#commentaires {
background: #FFDCBF;
}

#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville,
#formContact input#prestation_autre {
width: 60%;
}

#formContact input#nom,
#formContact input#mail,
#formContact input#telephone,
#formContact textarea#commentaires {
background: #FFF2BF;
}

#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 20% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}

/* Navigation
---------------------------------------------------------*/
div#nav {
background: #FFF;
border: 0;
height: 32px;
margin: 5px 0 0 0;
padding: 0;
width: 990px;
}

div#nav ul#menu {
background: transparent url(../img/fr/nav.png) top left no-repeat;
height: 32px;
margin: 0;
padding: 0;
position: relative;
width: 990px;
}

div#nav ul#menu li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
	
ul#menu li, ul#menu a {
display: block;
height: 32px;
}
div#nav ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
#nav-accueil		{left: 130px; width: 106px;}
#nav-societe		{left: 236px; width: 129px;}
#nav-metier 		{left: 365px; width: 139px;}
#nav-implantation 	{left: 504px; width: 160px;}
#nav-contact 		{left: 664px; width: 172px;}
#nav-client 		{left: 836px; width: 149px;}

#nav-accueil a:hover 		{background: transparent url(../img/fr/nav.png) -130px -32px no-repeat;}
#nav-societe a:hover 		{background: transparent url(../img/fr/nav.png) -236px -32px no-repeat;}
#nav-metier a:hover 		{background: transparent url(../img/fr/nav.png) -365px -32px no-repeat;}
#nav-implantation a:hover 	{background: transparent url(../img/fr/nav.png) -504px -32px no-repeat;}
#nav-contact a:hover 		{background: transparent url(../img/fr/nav.png) -664px -32px no-repeat;}
#nav-client a:hover 		{background: transparent url(../img/fr/nav.png) -836px -32px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-accueil #nav-accueil a 			{background: transparent url(../img/fr/nav.png) -130px -32px no-repeat;}
body#page-societe #nav-societe a 			{background: transparent url(../img/fr/nav.png) -236px -32px no-repeat;}
body#page-metier #nav-metier a,
body#page-demande #nav-metier a 				{background: transparent url(../img/fr/nav.png) -365px -32px no-repeat;}
body#page-implantation #nav-implantation a 	{background: transparent url(../img/fr/nav.png) -504px -32px no-repeat;}
body#page-contact #nav-contact a 			{background: transparent url(../img/fr/nav.png) -664px -32px no-repeat;}

/* Navigation Metiers
---------------------------------------------------------*/
ul#menu-metierAccueil {
background: transparent url(../img/fr/nav-metier.png) top left no-repeat;
height: 274px;
margin: 0;
padding: 0;
position: relative;
width: 356px;
}

ul#menu-metierAccueil li {
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}
	
ul#menu-metierAccueil li, ul#menu-metierAccueil a {
display: block;
height: 68px;
width: 356px;
}
ul#menu-metierAccueil li a {
text-decoration: none;
text-indent: -9999px;
}
#nav-metier-expertise	{top: 0;}
#nav-metier-audit		{top: 68px;}
#nav-metier-rh 			{top: 136px;}
#nav-metier-info 		{top: 204px;}

#nav-metier-expertise a:hover 		{background: transparent url(../img/fr/nav-metier.png) 0 -274px no-repeat;}
#nav-metier-audit a:hover 		{background: transparent url(../img/fr/nav-metier.png) 0 -342px no-repeat;}
#nav-metier-rh a:hover 		{background: transparent url(../img/fr/nav-metier.png) 0 -410px no-repeat;}
#nav-metier-info a:hover 	{background: transparent url(../img/fr/nav-metier.png) 0 -478px no-repeat;}

#menu-metier {
margin-top: 28px;
}

#menu-metier li {

border-bottom: 1px solid #BCC5C7;
border-top: 1px solid #FFF;
list-style: none;
margin: 0;
padding: 0;
}

#menu-metier li a {
background: #E6EAF0 url(../img/com/puce-nav-metier.gif) left top no-repeat;
color: #333E42;
display: block;
padding: 3px 0 3px 20px;
text-align: left;
text-decoration: none;
}
#menu-metier li a:hover {
background: #CDD6D8 url(../img/com/puce-nav-metier.gif) left top no-repeat;
color: #333E42;
}