* {
	margin: 0;
	padding: 0;
	}
body {
	padding: 4em 0;
	text-align: center;
	color: #6D797F;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 10px;
	background: #8E8E8E url(../img/body-bg.png) 0 0 repeat-x;
	}
table,td,th,p,div,li {
	font-size: 1em;
	}
h1, h2, h3, h4 {
	font-weight: normal;
	color: #066FA1;
	}
h1 {
	font-size: 1.8em;
	margin: 0 0 .6em;
	}
h2 {
	font-size: 1.2em;
	margin: 1em 0 0;
	}
h3 {
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0 2px;
	}
h4 {
	font-size: 1em;
	}

p {
	margin: 0 0 0.5em;
	}

ul {
	list-style: none;
	margin: 0 0 0.5em 10px;
	}
li {
	list-style: none;
	background: #fff url(../img/dot_list.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	}
blockquote {
	font-style: italic;
	margin: 1em 0 0;
	}
blockquote p {
	padding: 0 0 0 1px;
	}
blockquote .auteur {
	font-style: normal;
	margin: 0 0 0 20px;
	}

a:link {
	color: #006494;
	text-decoration: none;
	}
a:visited {
	color: #7FA840;
	text-decoration: none;
	}
a:hover {
	color: #7FA840;
	}

img {
	border: none;
	}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	}
.oblig {
	color: red !important;
	}
.erreur {
	font-weight: bold;
	color: red !important;
	}
.bleu {
	color: #066FA1;
	}
.exergue {
	background: #ECECE5;
	padding: 10px;
	margin: 1em 0;
	color: #556065;
	}
.exergue a {
	font-style: italic;
	}
.visual_left {
	float: left;
	margin: 0 10px 10px 0;
	}

/* = MISE EN PAGE GENERALE */

#pagewrap {
	margin: auto;
	padding: 0 10px 14px;
	/* specifique a IEwin - rend ce css non-valide */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_alpha.png',sizingMethod='scale');
	width: 780px;
	voice-family: "\"	}\""; 
	voice-family: inherit;
	width: 760px;
	} 
html>body #pagewrap { /* cache pour IEwin */
	width: 760px;
	background: url(../img/bg_alpha.png) bottom no-repeat;
	}
#page {
	position: relative;
	text-align: left;
	width: 760px;
	background: #FFF;
	}


/* = ENTETE ET MENU */

#entete {
	position: relative;
	background: #F3F3F1 url(../img/nav/entete_bg.gif) no-repeat;
	height: 216px;
	}
#entete #logo {
	position: absolute;
	top: 19px;
	left: 42px;
	}
#entete #tagline {
	position: absolute;
	top: 49px;
	left: 408px;
	}
#entete .menu {
	position: absolute;
	top: 155px;
	left: 43px;
	height: 50px;
	width: 600px;
	margin: 0;
	}
#entete .menu li {
	padding: 0;
	background: none;
	float: left;
	}
#entete .menu a {
	display: block;
	float: left;
	}
/* Hides from IE-mac \*/
* html #entete .menu a {float: none;	}
/* End hide from IE-mac */

#entete .menu img {
	display: block;
	}
#entete .menu a#b_firme {
	background: #F3F3F1 url(../img/nav/icone_firme.gif) 0 0 no-repeat;
	}
#entete .menu a#b_expertise {
	background: #F3F3F1 url(../img/nav/icone_expertise.gif) 0 0 no-repeat;
	}
#entete .menu a#b_portfolio {
	background: #F3F3F1 url(../img/nav/icone_portfolio.gif) 0 0 no-repeat;
	}
#entete .menu a#b_difference {
	background: #F3F3F1 url(../img/nav/icone_difference.gif) 0 0 no-repeat;
	}
#entete .menu a#b_contact {
	background: #F3F3F1 url(../img/nav/icone_contact.gif) 0 0 no-repeat;
	}
#entete .menu a#b_engagement {
	background: #F3F3F1 url(../img/nav/icone_engagement.gif) 0 0 no-repeat;
	}
#entete .menu a:hover,
#firme #entete .menu a#b_firme,
#expertise #entete .menu a#b_expertise,
#portfolio #entete .menu a#b_portfolio,
#difference #entete .menu a#b_difference,
#contact #entete .menu a#b_contact,
#engagement #entete .menu a#b_engagement {
	background-position: -165px 0 !important;
	}


/* = CORPS DE PAGE */

#corps {
	position: relative;
	margin: 0 0 0 59px;
	width: 701px;
	height: 308px;
	overflow: hidden;
	clear: both;
	}
#corpstbl {
	width: 100%;
	}
#contenu {
	vertical-align: top;
	padding: 30px 0 0;
	}
/*
#contenu #texte {
	height: 262px;
	padding: 0 24px 0 0;
	overflow: auto;
	}
*/
#visuel {
	vertical-align: top;
	text-align: right;
	}
#visuel .wrap {
	position: relative;
	}
#visuel img {
	display: block;
	}


/* = PIED DE PAGE */

#pied {
	background: #97BDD7;
	padding: 5px 14px 25px 34px;
	color: #fff;
	font-size: 0.9em;
	}
/* Hides from IE-mac \*/
* html #pied {height: 1%;	}
/* End hide from IE-mac */
#pied a {
	color: #fff !important;
	}
#pied #langue {
	float: right;
	}


/* = ACCUEIL */

#accueil #corps {
	margin: 0;
	width: 760px;
	}


/* = EXPERTISE */
/*  voir ecr-base-fr pour regles complementaires */

#expertise #contenu {
	width: 204px;
	}

#expertise #services {
	position: relative;
	height: 308px;
	width: 497px;
	overflow: hidden;
	background: url(../img/expertise/expertise_photo_bg.jpg) no-repeat;
	}
#expertise #services .wrap {
	height: 308px;
	}

#expertise #services .menu {
	margin: 0;
	}
#expertise #services .menu li {
	padding: 0;
	background: none;
	}
#expertise #services .menu a {
	position: absolute;
	height: 40px;
	width: 135px;
	text-decoration: none;
	}
#expertise #services .menu a i {
	visibility: hidden;
	}
#expertise #services .menu a#conseil {
	top: 21px;
	left: 129px;
	}
#expertise #services .menu a#nom {
	top: 60px;
	left: 264px;
	}
#expertise #services .menu a#identite {
	top: 138px;
	left: 264px;
	}
#expertise #services .menu a#emballage {
	top: 216px;
	left: 264px;
	}
#expertise #services .menu a#promotions {
	top: 254px;
	left: 129px;
	}
#expertise #services .menu a#direct {
	top: 216px;
	left: 6px;
	}
#expertise #services .menu a#publicite {
	top: 138px;
	left: 6px;
	}
#expertise #services .menu a#evenementiel {
	top: 60px;
	left: 6px;
	}

/* = PORTFOLIO */

#portfolio #contenu #texte {
	padding: 0 24px 0 0;
	/*
	height: auto;
	overflow: visible;
	*/
	}
#portfolio #contenu ul {
	margin: 0;
	}
#portfolio #contenu li {
	background: none;
	padding: .5em 0 0;
	color: #616A6E;
	}
#portfolio #contenu li a {
	color: #616A6E !important;
	}
#portfolio #contenu li a:hover, #portfolio #contenu li a.select {
	color: #7FA840 !important;
	}
#portfolio #contenu ul ul {
	padding: 0 0 0 20px;
	}
#portfolio #contenu ul ul li {
	padding: 0;
	}

#portfolio #liste {
	width: 140px;
	vertical-align: top;
	background: transparent url(../img/portfolio/filet_sep.gif) 0px 52px no-repeat;
	}
#portfolio #liste ul {
	margin: 65px 18px 0;
	}
#portfolio #liste li {
	background: none;
	line-height: 1.05;
	padding: 4px 0 0;
	color: #869293;
	}
#portfolio #liste li a {
	font-weight: bold;
	color: #869293 !important;
	}
#portfolio #liste li a:hover, #portfolio #liste li a.select {
	color: #7FA840 !important;
	text-decoration: none;
	}
#portfolio #liste li.note {
	padding: 6px 0 0;
	font-size: 9px;
	}

#portfolio #visuel, #portfolio #visuelpf {
	padding: 0 0 0 1px;
	background: transparent url(../img/portfolio/filet_sep.gif) 0px 52px no-repeat;
	}
#portfolio #visuelpf {
	width: 376px;
	}
#portfolio #visuelpf .wrap {
	position: relative;
	width: 376px;
	height: 308px;
	}
#portfolio #visuelpf #goform {
	font-size: 10px;
	width: 110px;
	position: absolute;
	top: 10px;
	left: 256px;
	z-index: 100;
	}
#portfolio #visuelpf #goform a {
	display: block;
	padding: 0 0 0 8px;
	color: #FF7B47 !important;
	background: transparent url(../img/portfolio/plus.gif) 0 4px no-repeat;	
	}
#numero_page {
	position: absolute;
	top: 52px;
	left: 10px;
	width: 20px;
	z-index: 100;
	}
#numero_page ul {
	margin: 0;
	}
#numero_page li {
	background: none;
	margin: 0 0 5px;
	padding: 0;
	color: #97BDD7;
	font-size: 9px;
	}
#numero_page li a {
	display: block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: #97BDD7 !important;
	background: #FFF;
	border: 1px solid #97BDD7;
	}
#numero_page li a:hover, #numero_page li a.select {
	color: #fff !important;
	background: #97BDD7;
	text-decoration: none;
	}
#portfolio #visuelpf #legende {
	color: #006494;
	line-height: 1.2;
	width: 346px;
	position: absolute;
	top: 280px;
	left: 15px;
	z-index: 100;
	}
#portfolio #visuelpf object {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	}
#visuel #legende {
	color: #006494;
	text-align: left;
	}


/* = SCROLLBARS */


div.bvScrollBars {
	position: relative; /* absolute OK; must not be static, must be specified for JS hook */
	overflow: auto; /* js will convert this to hidden, but Safari retains scrollbars if it starts in auto */
	height: 262px;
	}
div.bvScrollBars div.bvScrollContainer {
	position: relative;
	margin: 0 24px 0 0;
	padding: 0 0 1em;
	}
div.bvScrollBars div.bvScrollGui {
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 13px; height: 100%;
	}
div.bvScrollBars div.bvScrollBase {
	display: none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height: 100%; width: 100%;
	z-index: 1;
	}
div.bvScrollBars div.bvScrollDisabled {
	display: none;
	}
div.bvScrollBars div.bvScrollDisabled div.bvScrollBase {
	display: block; z-index: 10; /* if disabled, this div will block clicking other divs */
	}

div.bvScrollBars div.bvScrollTrack {
	display: block;
	position: absolute;
	top: 8px; bottom: 8px;
	left: 0; right: 0;
	height: 248px; width: 13px;
	z-index: 2;
	background: transparent url(../img/scroll_track_bg.gif) 0 0 repeat-y;
	}
	
div.bvScrollBars div.bvScrollThumb {
	display: block;
	position: absolute;
	top: 8px; left: 0;
	height: 11px; width: 13px;
	z-index: 5;
	/*background: #545454;*/
	background: transparent url(../img/scroll_track_handle.gif) 0 0 no-repeat;
	}
div.bvScrollBars div.bvScrollThumbDetails {
	}
	
div.bvScrollBars div.bvScrollUp {
	display: block;
	position: absolute;
	top: 0; left: 0;
	height: 8px; width: 13px;
	cursor:pointer;
	z-index: 4;
	background: transparent url(../img/scroll_arrow_up.gif) 0 0 no-repeat;
	}
div.bvScrollBars div.bvScrollDown {
	display: block;
	position: absolute;
	bottom: 0; left: 0;
	height: 8px; width: 13px;
	cursor:pointer;
	z-index: 3;
	background: transparent url(../img/scroll_arrow_down.gif) 0 0 no-repeat;
	}