@charset "UTF-8";
/*----Feuille de style VITAM.be----*/

body, html {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
	font-size:12px;
	color:#475059;
}
* {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
a img {
	border:none;
}
#conteneur {
	position:relative;
	width:100%;
}
#fond {
	position:relative;
	width:100%;
	height:430px;
	margin:0;
	background: url('header-bg.png') repeat-x 0 0;	
}
#header {
	width:870px;
	/*height:134px;*/
	height:150px;
	margin:0 auto;
	position: relative;
	/*background: url('logo-line-gradient.png') no-repeat 0 bottom;*/
	background:url(header-vitam-polygone.png) no-repeat center top;
	
}
#logo, #link-polygone {
	width:216px;
	height:84px;
	position: absolute;
	top:50px;
	/*left:324px;*/
	left:55px;
}
#logo a {
	outline:none;
	display:block;
	width:216px;
	height:84px;
	/*background: url('logo.png') no-repeat 0 0;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/logo.png', sizingMethod='crop');*/
	outline:none;
}

#link-polygone {
	left:600px;
	outline:none;
}

h1.polygone {
	margin:0 auto;
	width:275px;
	position:static;
	padding:25px 0 0 0;
	display:block;
	font-size:18px;
	text-align:center;
}

h1.polygone em {
	font-style:normal;
	color:#94d225;
}

h1.polygone em.block {
	display:block;
}

p.info-polygone {
	text-align:center;
	width:275px;
	margin:20px auto 0 auto;
}

p.info-polygone a {
	text-decoration:underline;
	color:#3b454e;
	font-weight:bold;
}

p.info-polygone a:hover {
	text-decoration:none;
}

#menu {
	position:relative;
	width:870px;
	height:67px;
	margin: 0 auto;
	margin:0 auto 6px auto;
	z-index:10;
}
#page-accueil #menu {
	margin-bottom:-2px;
}

#contenu {
	position:relative;
	width:870px;
	margin: 0 auto;
}
#footer {
	position:relative;
	width:100%;
	height:344px;
	background:#3b464c;
	clear:both;
	border-top:2px solid #83BB20;
}
#copyright {
	position:relative;
	margin:0 auto;
	width:870px;
	height:16px;
	padding-top: 12px;
	text-align:center;
	font-size:11px;
	color:#FFF;
	letter-spacing:0px;
	font-weight:bold;
/*	background-image:url(ligne.png);
	background-repeat:repeat-x;*/
	background: url('ligne.png') no-repeat 0 0;
	
}
#copyright a {
	font-size:11px;
	text-decoration:underline;
	color:#FFF;
}
#copyright a:hover {
	color:#8ad552;
}
/*--MENU--*/

#nav {
	position:absolute;
	/*margin-top: 22px;*/
	margin-top: 6px;
	padding: 0;
	z-index:10;
	list-style-type: none;
}

body#page-presentation #nav {
	display:none;
}

#nav li a {
	font-size:12px;
	outline: none;
	position: absolute;
	background: url('menu-bg2.png') no-repeat 0 top;
	height: 45px;
	z-index:10;
	top:0;
}
#nav li a span {
	position: absolute;
	left: -5000px;
}
#nav li.accueil a.menu {
	width: 115px;
	background-position: 0px -45px;
}
#nav li.accueil a:hover, #nav li.accueil a.active, #nav li.accueil a.active:hover {
	background-position: 0px 0px;
}
#nav li.agence a.menu {
	width: 121px;
	background-position: -115px -45px;
	left:115px;
}
#nav li.agence a:hover, #nav li.agence a.active, #nav li.agence a.active:hover {
	background-position: -115px 0px;
}
#nav li.services a.menu {
	width: 160px;
	background-position: -236px -45px;
	left:236px;
}
#nav li.services a:hover, #nav li.services a.active, #nav li.services a.active:hover {
	background-position: -236px 0px;
}
#nav li.portfolio a.menu {
	width: 127px;
	background-position: -396px -45px;
	left:396px;
}
#nav li.portfolio a:hover, #nav li.portfolio a.active, #nav li.portfolio a.active:hover {
	background-position: -396px 0px;
}
#nav li.video a.menu {
	width: 136px;
	background-position: -523px -45px;
	left:523px;
}
#nav li.video a:hover, #nav li.video a.active, #nav li.video a.active:hover {
	background-position: -523px 0px;
}
#nav li.blog a.menu {
	width: 93px;
	background-position: -659px -45px;
	left:659px;
}
#nav li.blog a:hover, #nav li.blog a.active, #nav li.blog a.active:hover {
	background-position: -659px 0px;
}
#nav li.contact a.menu {
	width: 133px;
	background-position: -752px -45px;
	left:752px;
}
#nav li.contact a:hover, #nav li.contact a.active, #nav li.contact a.active:hover {
	background-position: -752px 0px;
}
/*--Sous-Menu--*/
#fond-ss-menu {
	height:22px;
	width:100%;
	background-color:#45771d;
	/* new */
	position:absolute;
	top:201px;
	left:0;
	z-index:1;
}
#nav2 {
	position:absolute;
	top:49px;
	left:18px;
	width:870px;
	list-style-type:none;
	z-index:10;
}
#nav2 li {
	float:left;
	margin-right:45px;
}
#nav2 li a {
	position:relative;
	display: block;
	float:left;
	outline:none;
	height:14px;
	font-weight:normal;
	text-decoration:none;
	color:#FFF;
	background:none;
}
#nav2 li a:hover, #nav2 li a.active {
	color: #8ad552;
}
/*--Blocs Contenu--*/
#accessibility, #content, #navigation, .hide {
	position: absolute;
	left: -5000px;
}
h1, h2, h3 {
	font-size:22px;
	font-weight:bold;
	color:#8ad552;
	padding-bottom:15px;
}
h1 {
	position: absolute;
	left: 267px;
	top:15px;
	z-index:10;
	color:#3b464c;
}
h3 {
	padding-top:10px;
	padding-bottom:5px;
	font-size:14px;
}

h4 {
	font-size:13px;
}
#nomenu {
	position: absolute;
	left: 267px;
	top:15px;
	z-index:90;
	color:#3b464c;
}
h1 span {
	position: absolute;
	left: -5000px;
	z-index:10000;
}
#foot h2 span {
	color:#FFF;
}
#top p {
	text-align:justify;
	padding:55px 18px 0;	
}

body#page-presentation #top p{
	padding:0px 18px 0;
}

body#page-presentation #top img{
	display:block;
	height:153px;
	left:7px;
	position:absolute;
	top:16px;
	width:230px;
}

#top #bg{
	height:186px;
	width:579px;
	background: url('top-bg.png') no-repeat 0 0;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/top-bg.png', sizingMethod='crop');
}

body#page-presentation #top #bg{
	height:131px;
	padding:55px 0 0 0;
}

#top a {
	color:#475059;
	text-decoration:underline;
}
#top a:hover {
	color:#8ad552;
	text-decoration:underline;
}
#portfolight {
	position:relative;
	width:830px;
	height:300px;
	margin: 0 auto;
	padding-top:15px;
}

#portfolight h3{
	color:#FFF;
	font-size:13px;
}

#portfolight div {
	float:left;
	width:250px;
	height:110px;
	margin: 0 40px 20px 0;
	position: relative;
}
#portfolight div.last {
	float:left;
	width:250px;
	height:110px;
	margin: 0 0 20px 0;
	position: relative;
}
#portfolight h2.portfolight-title {
	text-align:center;
	color:#FFF;
	background: url('logo-line-gradient.png') no-repeat 0 0px;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	font-family: Century Gothic,verdana,arial,helvetica,sans-serif;
}
#portfolight div li, #portfolight .last li {
	font-size:11px;
	color:#FFF;
	padding: 0 0 7px 0;
	list-style-type:none;
	min-height:1%;
	_height:1%;
}
#portfolight div li a, #portfolight .last li a {
	bottom:10px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	right:30px;
	text-decoration:none;
}

#portfolight div li.links, #portfolight .last li.links{
	text-align:center;
}

#portfolight div li.links a, .last li.links a{
	background: url('link-bg.png') no-repeat 0 bottom;
	bottom:-1px;
	right:0;
	position:absolute;
	width:134px;
	height:25px;
}

#portfolight div li a:hover, #portfolight .last li a:hover {
	text-decoration:none;
	display:block;
	background: url('link-bg-hover.png') no-repeat 0 bottom;
	width:134px;
	height:25px;
}
#portfolight div img {
	float:left;
	width:98px;
	height:98px;
	border:1px solid #475059;
	margin: 5px;
	margin-right:10px;
	background-color: #e4ffcd;
}
/*#portfolight li.latest-work {
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 59px;
	background: url(latest-work.png) no-repeat top left;
	_background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/latest-work.png', sizingMethod='crop');
}*/
#portfolight li.latest-work span {
	position: absolute;
	left: -5000px;
}
#portfolight li.latest-work a {
    display: block;
    width: 55px;
    height: 59px;
	background:none;
}
#portfolight li.latest-work a:hover {
	background:none;
}
/*PORTFOLIO*/

body#page-portfolio-realisations #page, body#page-video-realisations #page{
	width:870px;
}

body#page-portfolio-realisations #sub-content, body#page-video-realisations #sub-content{
	width:175px;
	float:left;
}

#awards{
	margin-left:0px;
	position:relative;
}

#awards h2{
	font-size:13px;
	text-align:center;
	color:#3b464c;
	padding:0 0 10px 0;
	margin:30px 0 0 0;
}

#awards img{
	margin:0 0 10px 0;
}

#awards a{
	bottom:0;
	right:0;
	position:absolute;
	background: url(/img/services/ship.png) no-repeat scroll 0 5px;
	color:#95D326;
	font-size:11px;
	font-weight:bold;
	padding:1px 0 1px 10px;
}

#awards a:hover{
	text-decoration:none;
}

form#search-form{
	background: url('/img/portfolio/search-bar-bg.png') no-repeat 0 0;	
	width:752px;
	height:45px;
	padding:28px 15px 0 85px;
	color:#FFF;
	position:relative;
}

form#search-form fieldset.first{
	border:none;
	padding:0;
	margin:0;
	width:420px;
	float:left;
}

form#search-form fieldset.second{
	border:none;
	padding:0;
	margin:0;
	float:left;
}

form#search-form fieldset.third{
	border:none;
	padding:0;
	margin:0;
	float:right;
}

form#search-form fieldset legend{
	font-size:15px;
	color:#FFF;
}

form#search-form fieldset p{
	margin-top:-18px;
}

form#search-form fieldset select{
	margin-left:55px;
	margin-right:15px;
	width:100px;
}

form#search-form fieldset select.last{
	margin-right:0px;
}

form#search-form input.radio{
	margin: 0px 5px 0 20px;
}

form#search-form input.first{
	margin: 0px 5px 0 90px;
}

ul#project-list{
	width:670px;
	float:right;
	margin-top:28px;
}

body#page-presentation ul#project-list{
	width:670px;
	margin-top:28px;
	float:left;
}

ul#project-list li.project-elements{
	float:left;
	list-style-type:none;
	margin-right:40px;
	width:291px;
}

ul#project-list li.first{
	clear:left;
}

ul#project-list li.last{
	margin-right:0;
}

ul#project-list li.project-elements img{
	border:5px solid #475059;
	display:block;
	height:95px;
	width:281px;
}

ul#project-list li.project-elements h4{
	color:#FFF;
	padding:9px 15px 0;
}

.panel {
	position:relative;
	width:291px;
	height:130px;
	margin:0 0 20px;
}
/*.panelcontent {
	margin-left:15px;
	font-size:12px;
	background:#475059;
	color:#FFF;
	width:740px;
	height:430px;
	padding:5px;
}*/

/*a {
	outline:none;
}*/
h3.titleport {
	font-size:16px;
	font-weight:bold;
	color:#8ad552;
	width:291px;
	margin:0 auto;
	padding:0;
}
h3 span.client {
	font-size:13px;
	color:#475059;
}
/*#page .panelcontent p {
	font-size:10px;
	padding:0 0 10px 5px;
	margin:-10px 0 0 0;
}*/
/*.panelcontent h4 {
	font-size:11px;
	color:#FFF;
	padding:5px 0 15px 5px;
	font-weight:bold;
}*/
/*.panelcontent a {
	padding-left:5px;
	color:#FFF;
}*/
/*.panelcontent a:hover {
	color:#8ad552;
}*/
/*.panelcontent div {
	text-align:left;
	float:left;
	width:360px;
	height:100%;
}*/
/*.panelcontent div.second {
	float:left;
	width:360px;
	height:100%;
	margin-left:10px;
}*/
/*.panelcontent .pict {
	width:360px;
	height:273px;
}*/
.expandbar {
	background:transparent url(bg-bar.png) repeat-x scroll 0 0;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/bg-bar2.png', sizingMethod='scale');
	height:30px;
	margin:-35px 0 0 0;
	position:absolute;
	top:105px;
	width:291px;
}
.expandbar ul {
	font-size:12px;
	color:#FFFFFF;
	list-style-type:none;
	margin:15px 5px 0 5px;
	padding:0;
	position:relative;
}
/**+html .expandbar ul {
	margin-top:10px;
}*/
/*.projet {
	position:absolute;
	top:100%;
	left:0;
	margin:-20px 0 0 0;
	padding-left:20px;
	font-weight:bold;
}*/
.expandbar li {
	float:left;
}
.expandbar a {
	padding:0 0 0 20px;
	font-size:12px;
	color:#3b464c;
	font-weight:bold;
	height:14px;
	text-decoration: none;
}
.expandbar a:hover {
	color:#8ad552;
}
.expand {
	background:url(expand.png) no-repeat;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/expand.png', sizingMethod='crop');
}
/*.collapse {
	width:50px;
	background:url(collapse.png) no-repeat;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/collapse.png', sizingMethod='crop');
}*/
/*.expandbar a span {
}*/
.visit {
	position:absolute;
	right:0;
	_right:68px;
	background:url(visit.png) no-repeat;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/visit.png', sizingMethod='crop');
}

body#page-portfolio-realisations .play-movie, body#page-presentation .play-movie {
	margin:0 0px 0 10px;
}

.play-movie {
	width:120px;
	background:url(play.png) no-repeat;
	_background: none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/play.png', sizingMethod='crop');
}
#flv-player-box {
	position: absolute;
	width: 450px;
	height: 340px;
	border: 4px solid #000000;
	background-color: #99ff99;
	z-index: 10000;
}
.cat {
	position:absolute;
	top:100%;
	left:0;
	margin:-130px 0 0 0;
	height:130px;
	width:15px;
}
.webprint {
	background: url(type-webprint.png);
}
.divers {
	background: url(type-divers.png);
}
.web {
	background: url(type-web.png);
}
.print {
	background: url(type-print.png);
}
.bannering {
	background: url(type-bannering.png);
}
.blog {
	background: url(type-bannering.png);
}
.offline {
	background: url(type-offline.png);
}

#view-all {
	font-size: 18px;
	margin:0;
	padding:0;
	clear:right;
}

body#page-presentation #view-all a{
	margin:0;
}

#view-all a{
	padding: 1px 3px;
	margin:0 0 0 24px;
	background:#8AD552;
	color:#FFF;
	border:1px solid #475059;
}

#view-all a, #view-all a:visited {
	background:#8AD552;
	color:#FFF;
	text-decoration: none;
	border:1px solid #475059;
}
#view-all a:hover {
	background:#475059;
	color:#FFF;
	border:1px solid #CCC;
}

/*PAGES*/
.bloc1 {
	position: relative;
	width:580px;
	padding: 0 0 15px 250px;
	clear:both;
}
.bloc6 {
	position: relative;
	width:647px;
	padding: 0 0 15px 183px;
	clear:both;
}
.bloc2 {
	position: relative;
	width:530px;
	min-height:300px;
	_height:300px;
	padding: 0 0 0 300px;
}
.bloc3 {
	position: relative;
	width:415px;
	min-height:160px;
	_height:160px;
	padding: 0;
	float:left;
}

body#page-services-what .bloc3 {
	position: relative;
	width:830px;
	min-height:160px;
	_height:160px;
	padding: 0;
}

.bloc4 {
	position: relative;
	width:830px;
	min-height:270px;
	_height:270px;
	padding: 0;
	clear: both;
}

.bloc5 {
	position: relative;
	width:830px;
	min-height:112px;
	_height:112px;
	padding: 0;
	clear: both;
}

.bloc1 img {
	float:left;
	padding:0 10px 0 0;
	margin:22px 0 20px 0;
}
.bloc3 img {
	float:left;
	padding:0 10px 0 0;
	margin:0 0 20px 0;
}
.bloc4 img {
	float:left;
	padding:0 10px 0 0;
	margin:0 0 20px 0;
}

.bloc5 img {
	float:left;
	padding:0 20px 0 0;
	margin:0 0 0 0;
}

.bloc1 h3, .bloc2 h3, .bloc3 h3, .bloc4 h3, .bloc5 h3, .contact-form h3, .contact-info h3 {
	font-size:18px;
	font-weight:bold;
	color:#8ad552;
	padding:10px 0 15px 0;
}
h3.accueil {
	font-size:18px;
	font-weight:bold;
	color:#8ad552;
	padding:25px 0 15px 0;
}
.bloc1 h3 span, .bloc2 h3 span, .bloc3 h3 span, .bloc4 h3 span, .bloc5 h3 span, h3.accueil span, .contact-form h3 span, .contact-info h3 span {
	color:#3B464C;
}
.bloc3 h3 a, .bloc4 h3 a, .bloc5 h3 a {
	color:#8ad552;
	text-decoration:none;
}
.bloc3 a.more {
	color:#8ad552;
	font-weight:bold;
	text-decoration:underline;
	float:right;
}
.bloc3 a:hover.more {
	color:#475059;
	text-decoration:underline;
}
.bloc3 h3 a span, .bloc4 h3 a span, .bloc5 h3 a span {
	color:#475059;
	text-decoration:none;
}
.bloc3 h3 a:hover, .bloc4 h3 a:hover, .bloc5 h3 a:hover {
	color:#8ad552;
	text-decoration:underline;
}
.bloc3 h3 a:hover span, .bloc4 h3 a:hover span, .bloc5 h3 a:hover span {
	color:#3b464c;
	text-decoration:underline;
}
#page p {
	text-align:left;
	padding: 0 0 10px 0;
}
#page p a, #page ul.erreur404 a {
	color:#8AD552;
	text-decoration:underline;
}
#page p a:hover, #page ul.erreur404 a:hover {
	color:#8AD552;
	text-decoration:underline;
}

#page ul.erreur404 {
	padding-left: 45px;
	padding-bottom: 15px;
}

.bloc1 p span, .bloc2 p span, .bloc3 p span, .bloc4 p span, .bloc5 p span {
	color:#8ad552;
	font-size:11px;
}
.people {
	float:left;
	width:160px;
	min-height:400px;
	_height:400px;
	margin:10px 60px 25px 0;
}

.latest {
	margin:10px 0 0;
}

.people-pict {
	width:160px;
	height:110px;
	background:#8ad552;
}

.googlemap a{
	width:207px;
	height:192px;
	background:#8ad552;
}

.people-pict img {
	margin:5px;
}
.people ul {
	list-style-type:none;
	float:left;
}
.people h3 {
	padding:10px 0 15px 0;
}
.people h4 {
	float:left;
	width:160px;
	font-size:12px;
}
.people h3 span {
	color:#475059;
}
.people ul li span {
	color:#8ad552;
}
.people ul li.text {
	padding:10px 0;
	text-align:left;
}
.mail_vcard {
	padding:0 0 10px 0;
}
.people ul li a.mail {
	float:left;
	padding:0 0 10px 0;
	display:block;
	color:#8ad552;
	font-weight:bold;
	text-decoration:underline;
}
.people ul li a img {
	float:right;
}
.people ul li a.mail:hover {
	color:#475059;
}
.link a {
	color:#475059;
	text-decoration:underline;
}
.link a:hover {
	color:#8ad552;
}
.spacer {
	clear: both;
	height: 0;
}
form {
	padding:0 10px 0 0;
}
input {
	background:#ecfedb;
	border: 1px solid #475059;
	color:#475059;
}
.champ {
	background:#ecfedb;
	width:560px;
	height:18px;
	border: 1px solid #475059;
	color:#475059;
	padding:3px 2px 0px 2px;
	margin: 0 0 15px 0;
}
.option {
	margin:0 10px 0 0px;
}
label.decal {
	margin:0 20px 0 0;
}
input.send {
	background:#8ad552;
	width:566px;
	height:26px;
	border: 2px solid #475059;
	padding:0;
}
input:focus {
	background-color:#a7df7d;
	color:#475059;
}
textarea {
	background:#ecfedb;
	width:560px;
	height:200px;
	border: 1px solid #475059;
	color:#475059;
	padding:4px 2px;
}
textarea:focus {
	background-color:#a7df7d;
	color:#475059;
}
div.envoi {
	font-size:14px;
	font-weight:bold;
	color:#8ad552;
}
.center, p.center, #page p.center {
	text-align:center;
}
.bloc1 a {
	color:#8ad552;
	text-decoration:underline;
}
.bloc1 a:hover {
	color:#475059;
}
.bloc1 h3.networks {
	padding:0 0 5px 0;
	font-size:14px;
}
.facebook {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-facebook.png) no-repeat;
}
.myspace {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-myspace.png) no-repeat;
}
.join2grow {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-join2grow.png) no-repeat;
}
.mybloglog {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-mybloglog.png) no-repeat;
}
.linkedin {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-linkedin.png) no-repeat;
}
.delicious {
	padding:2px 10px 5px 20px;
	line-height:20px;
	background:url(ico-delicious.png) no-repeat;
}
#latest-in-blog .box-lib {
	width: 290px;
	padding: 0;
	margin: 0;
	float: left;
}
#latest-in-blog .view-in-blog {
	text-align: right;
	padding: 5px 40px 0 0;
}
#latest-in-blog .view-last {
	padding: 5px 0 0 0;
}
#latest-in-blog .sub-box-lib {
	border-right: 1px solid #475059;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	height:120px;
}
#latest-in-blog .sub-last {
	padding: 0;
	margin: 0;
	border: none;
}
#latest-in-blog .last {
	width: 250px;
}
#latest-in-blog h4 {
	font-size: 12px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
#latest-in-blog a, #latest-in-blog a:visited {
	color: #8AD552;
	font-weight: bold;
}
#latest-in-blog a:hover {
	text-decoration: none;
	color: #475059;
}
.conditions {
	padding:10px 0 10px 30px;
	text-align:justify;
}
.conditions span {
	color:#8ad552;
}
ol li {
	padding:5px 0;
}
ol ul {
	list-style-type:square;
}
.contact-info {
	position:relative;
	float:left;
	width:200px;
	margin:20px 0;
}
.contact-info img {
	padding:0;
}
.contact-info a {
	color:#475059;
}
.contact-info a:hover {
	color:#8ad552;
}
.contact-form {
	position:relative;
	float:right;
	width:580px;
	margin:20px 0;
}

ul#client-list{
	width:830px;
	height:150px;
}

ul#client-list li{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	height:75px;
}

ul#client-list li a{
	text-align:center;
	outline:none;
	display:block;
	height:75px;
	cursor:pointer;
}

ul#client-list li.logo_1 a{
	width:118px;
	background: url('../img/clients/accor_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_2 a{
	width:165px;
	background: url('../img/clients/adidas_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_3 a{
	width:130px;
	background: url('../img/clients/boehringer_ingelheim_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_4 a{
	width:135px;
	background: url('../img/clients/dieteren_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_5 a{
	width:175px;
	background: url('../img/clients/ecolo_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_6 a{
	width:104px;
	background: url('../img/clients/feb_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_7 a{
	width:118px;
	background: url('../img/clients/generali_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_8 a{
	width:165px;
	background: url('../img/clients/mons_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_9 a{
	width:130px;
	background: url('../img/clients/mr_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_10 a{
	width:135px;
	background: url('../img/clients/price_waterhouse_coopers_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_11 a{
	width:175px;
	background: url('../img/clients/solvay_3.png') no-repeat 0 0;	
}

ul#client-list li.logo_12 a{
	width:104px;
	background: url('../img/clients/urbsfa_3.png') no-repeat 0 0;	
}



ul#client-list li a:hover{
	background-position: 0 -75px;
}

ul#client-list li span{
	position:absolute;
	left:-5000px;
}

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

ol#services-list, ol#video-list{
	width:830px;
	height:auto;
}

ol#services-list{
	height:340px;
}

ol#services-list li, ol#video-list li {
	padding:0;	
}

ol#video-list li {
	height:240px;	
}

ul#services-list2{
	height:100px;
}

body#page-services-what p{
	padding-left:35px;	
}

ol#services-list li p{
	width:150px;
	padding-left:40px;
}

ol#video-list li p{
	width:360px;
	padding-left:40px;
}

ol#services-list li ul.services-list-links, ul#services-list2 li ul.services-list-links{
/*	padding-left:35px;*/
}

.sl-1{
	padding-left:40px;
}

.sl-5{
	padding-left:40px;
	width:190px;
}

.sl-2{
	padding-left:50px;
}

.sl-3{
	padding-left:58px;
}

.sl-4{
	padding-left:52px;
}

ol#services-list li ul.services-list-links li, ul#services-list2 li ul.services-list-links li{
	list-style-type:none;
}

ol#services-list li ul.services-list-links li a, ul#services-list2 li ul.services-list-links li a{
	color:#95d326;
	font-weight:bold;
	font-size:11px;
	background: url('/img/services/ship.png') no-repeat 0 5px;
	padding:1px 0 1px 10px;
}

ol#services-list li ul.services-list-links li a:hover, ul#services-list2 li ul.services-list-links li a:hover{
	text-decoration:none;
}

ul#services-list2 li{
	list-style-type:none;
	margin-right:8px;
}

ul#services-list2 li.list1, ul#services-list2 li.list2, ul#services-list2 li.list3{
	float:left;
}

ul#services-list2 li.list1{
	width:192px;
}

ul#services-list2 li.list2{
	width:200px;
}

ol#services-list li.cta-1, ol#services-list li.cta-2, ol#services-list li.cta-3, ol#services-list li.cta-4, ol#video-list li.cta-1, ol#video-list li.cta-3{
	list-style-type:none;
	float:left;
	margin-right:8px;
}

ol#video-list li.cta-2, ol#video-list li.cta-4{
	list-style-type:none;
	float:right;
	margin-right:0px;
}

ol#services-list li.cta-1 p, ol#video-list li.cta-1 p{
	padding-left:40px;
}

ol#services-list li.cta-2 p{
	padding-left:48px;
}

ol#video-list li.cta-2 p{
	padding-left:40px;
}

ol#services-list li.cta-3 p{
	padding-left:57px;
}

ol#video-list li.cta-3 p{
	padding-left:40px;
}

ol#services-list li.cta-4 p{
	padding-left:51px;
}

ol#video-list li.cta-4 p{
	padding-left:40px;
}

ol#services-list li h3, ol#video-list li h3{
	padding:0;
	margin-bottom:10px;
}

ol#services-list li h3 a, ol#video-list li h3{
	color:#FFF;
	text-decoration:none;
	height:43px;
	display:block;
}


h3#competences a{
	background:transparent url(/img/services/cta-i.png) no-repeat scroll 0 0;
	clear:both;
	color:#FFFFFF;
	display:block;
	height:45px;
	padding:28px 10px 0 90px;
	text-decoration:none;
	width:730px;
}
/*///*/


ol#video-list li.cta-1 h3{
	background: url('/img/video/cta-1.png') no-repeat 0 0;
	width:310px;
	height:43px;
	padding:30px 10px 0 80px;
}

ol#video-list li.cta-2 h3{
	background: url('/img/video/cta-2.png') no-repeat 0 0;
	width:310px;
	height:43px;
	padding:30px 10px 0 80px;	
}

ol#video-list li.cta-3 h3{
	background: url('/img/video/cta-3.png') no-repeat 0 0;
	width:310px;
	height:43px;	
	padding:30px 10px 0 80px;	
}

ol#video-list li.cta-4 h3{
	background: url('/img/video/cta-4.png') no-repeat 0 0;
	width:310px;
	height:43px;
	padding:30px 10px 0 80px;
}

ol#video-list li.cta-4{
	margin:0;
}

ol#services-list li.cta-1 h3 a{
	background: url('/img/services/cta-1.png') no-repeat 0 0;
	width:82px;
	padding:30px 10px 0 100px;
}

ol#services-list li.cta-2 h3 a{
	background: url('/img/services/cta-2.png') no-repeat 0 0;
	width:100px;
	padding:30px 10px 0 90px;	
}

ol#services-list li.cta-3 h3 a{
	background: url('/img/services/cta-3.png') no-repeat 0 0;
	width:109px;
	height:51px;	
	padding:22px 10px 0 90px;	
}

ol#services-list li.cta-4 h3 a{
	background: url('/img/services/cta-4.png') no-repeat 0 0;
	width:108px;
	padding:30px 0px 0 95px;
}

ol#services-list li.cta-4{
	margin:0;
}

body#page-video-video #page, body#page-services-conseil #page, body#page-services-webdesign #page, body#page-services-admin-sur-mesure #page, body#page-services-promo #page, body#page-services-competences #page {
	background:none;
}

ul#sub-services img{
	float:left;
	margin-right:15px;
}

ul#sub-services h3{
	color:#8AD552;
	font-size:18px;
	margin:20px 0 0 0;
	padding:0 0 4px;
	border-bottom:1px solid #475059;
}

ul#sub-services h3.first{
	margin:240px 0 0 0;
	_margin:40px 0 0 0;
	padding:0 0 4px;
	border-bottom:1px solid #475059;
}

ul#sub-services li{
	background: none;
	color:#475059;
	height:auto;
	list-style-type:none;
	padding:16px 0 15px;
/*	width:792px;*/
}

/*ul#sub-services h3{
	padding:0;
	margin:0;
	color:#8AD552;
	padding:0 0 12px;
}

ul#sub-services li{
	background: url('/img/services/services-bg.png') no-repeat 0 0;
	color:#FFFFFF;
	height:172px;
	list-style-type:none;
	padding:16px 15px 45px;
	width:792px;
}*/

ul#gallery-services{
	list-style-type:none;
}

ul#gallery-services img{
	border:1px solid #CCCCCC;
}

ul#gallery-services li{
	float:left;
	margin:0 16px 0 0;
}

ul#gallery-services li.last{
	float:left;
	margin:0;
}

/*ul#gallery-services img.reflect {
   float: left;
   margin: 20px;
}*/

/* Affichage de la liste des clients (tableau) */
.tab-client {
	border: 0px;
}
.tab-client-cell-title {
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
}

.tab-client-cell-row {
	background-color: #C4EAA8;
	font-weight: bold;
	padding: 3px;
}

.tab-client-cell-row-alt {
	background-color: #F4FCEF;
	font-weight: bold;
	padding: 3px;	
}

/* Agence */
#agency-peoples {
	background: url(/img/line-bg-people.jpg) repeat-y right top;
	width: 610px;
	float:left;
}


#agency-people-separator {
	width: 610px;
	border-top: 1px solid #C4EAA8;
	height: 1px;
	
}

#agency-peoples h3 span {
	color:#475059;	
}


.agency-col-vitam {
	width: 120px;
	height: 48px;
	background-image: url(/img/vitam-logo-agency.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-right:320px;
}

.agency-col-helpyourself {
	width: 175px;
	height: 59px;
	float: left;
	background: url('/img/vitam-video-logo.png') no-repeat 0 -2px;
}

ul#partners-list{
	float:right;
	width:175px;
}

ul#partners-list a{
	color:#475059;
	text-decoration:none;
}

ul#partners-list h4{
	font-size:16px;
	padding:20px 0 10px 0;
}

ul#partners-list li.first h4{
	font-size:16px;
	padding:0px 0 10px 0;
}

ul#partners-list li{
	list-style-type:none;
}

ul#partners-list li a img{
	display:block;
	margin:10px 0 0px 0;
}

/*** ADMIN FAQ***/
body#page-admin-faq #page ul ul {
	margin:0 0 0 20px;
}

body#page-admin-faq #page ul ul ul {
	margin:0 0 0 25px;
}

/* Formulaires admin */
.admin-link {
	font-weight: bold; 
	color: #475059;
	text-decoration: none;
}
.admin-link:hover {
	text-decoration: underline;
}

.admin-champ-text {
	width: 300px;
	border: 1px;
}

.admin-label {
	display: block;
	font-weight: bold; 
	padding: 3px;
}


.alert-ok {	
	color: #00AA00;
	font-weight: bold;
	padding-bottom: 10px;	
	padding-left: 20px;
	background-image: url(/portfolio/nos-clients/v.gif);
	background-repeat: no-repeat;
}

.alert-err {
	color: #FF3300;
	font-weight: bold;
	padding-bottom: 10px;	
	padding-left: 20px;
	background-image: url(/admin/boutons/icon_delete.gif);
	background-repeat: no-repeat;	
}

/* map google */

body#page-contact div#fond div#conteneur div#contenu div#page div.contact-info div#googlemap div.gmnoprint span{ 
	position: absolute;
	right: -3px; 
	bottom: -16px; 
	color: #333; 
	font-family: Arial,sans-serif; 
	font-size: 10px; 
	white-space: nowrap; 
	text-align: right;
}

body#page-contact div#fond div#conteneur div#contenu div#page div.contact-info div#googlemap div.gmnoprint a{ 
	position: absolute;
	right: 3px; 
	bottom: -28px;
	font-size: 10px;  
}

body#page-contact div#fond div#conteneur div#contenu div#page div.contact-info div#googlemap div.gmnoprint img{ 
	position: absolute;
	right: -65px; 
	bottom: 27px; 
	_right: 5px; 
}

/******************************************************************************************/
/******************************************************************************  VITAMFAQ */
/******************************************************************************************/

body#page-faq #page{
	background:none;
	padding:22px 0 60px 0;
	width:872px;
}

body#page-faq #page ul.ancre-faq {
	padding:0 0 10px 0;
	min-height:90px;
	margin:0 auto;
	width:826px;
}

body#page-faq #page ul.ancre-faq li.titles-faq{
	float:left;
	padding:0 12px;
	border-right:1px solid #CCC;
	min-height:90px;
	font-weight:bold;
}

body#page-faq #page ul.ancre-faq li.first{
	border-left:1px solid #CCC;
}

body#page-faq #page ul.question-faq {
	list-style-type:disc;
	padding:0 0 0 25px;
}

body#page-faq #page ul.question-faq li a{
	color:#475059;
	text-decoration:none;
}

body#page-faq #page ul.question-faq li a:hover{
	text-decoration:underline;
}

body#page-faq #page ul.ancre-sm-faq li{
	font-weight:normal;
	width:140px;
	padding:2px 0 0 0;
}

body#page-faq #page ul.ancre-sm-faq li a{
	color:#8ad552;
	text-decoration:none;
}
body#page-faq #page ul.ancre-sm-faq li a:hover{
	text-decoration:underline;
}

body#page-faq img.faq-img{
	margin:0 10px 0 0;
	border:1px solid;
	float:left;
}

body#page-faq ul{
	list-style-type:none;
	/*clear:both;*/
}

body#page-faq dd{
	padding:0 20px;
	display:block;
}

/*body#page-faq .spacer{
	height:20px;
	clear:both;
}

body#page-faq .spacer2{
	height:15px;
	clear:both;
}*/

body#page-faq dd.active, body#page-faq dl.active{
	display:block;
}

body#page-faq h1.h1-faq{
	position: relative;
	left: 0;
	top:0;
	border-bottom:1px solid #475059;
	color:#8AD552;
	font-size:18px;
	margin:20px 0 30px;
	padding:0 0 4px;
}

body#page-faq h2.h2-faq a, body#page-faq dt.dt-faq a{
	color:#475059;
	text-decoration:none;
	padding:0;	
	outline:none;
}

body#page-faq dt.dt-faq a{
	padding:0 0 0 10px;	
}

body#page-faq h2.h2-faq a.btt span{
	position:absolute;
	left:-5000px;
}

body#page-faq h2.h2-faq a.backtotop{
	width:21px;
	height:20px;
	background: url('backtotop.png') no-repeat 0 0;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
}

body#page-faq dt.dt-faq{
	font-size:13px;
	font-weight:bold;
	color:#475059;
	margin:15px 0;
	display:block;
}

body#page-faq dt.jquery-dt {
	margin:0;
}

body#page-faq h2.h2-faq{
	font-size:15px;
	font-weight:bold;
	color:#475059;
	position: relative;
	left: inherit;
	top:inherit;
	border-bottom:1px dotted #CCC;
	margin:0 0 15px 10px;
	padding:0;
}


body#page-faq h3.h3-faq{
	font-size:13px;
	font-weight:bold;
	color:#6D6D6D;
	margin:0;
	padding:0 0 4px 0;
}

/* Z-index problems fix */
body#page-faq dl.show {
	z-index:100;
}

body#page-faq dd.active-dd {
	z-index:100;
}

/************************************************************************JQUERY FAQ*/

.jquery-ancre-faq, ul.jquery-question-faq{
	position:absolute;
	left:-5000px;
}

body#page-faq h2.jquery-h2 a.btt{
	position:absolute;
	left:-5000px;
}

body#page-faq ul.jquery-col1 {
	position:relative;
	border:1px solid #e6e6e6;
	border-bottom:none;
	padding:0;
	margin:30px 0 0 0;
	width:870px;
	height:497px;
	overflow:hidden;
}

body#page-faq ul.jquery-col1 li{
	min-height:165px;
	width:217px;
	border-bottom:1px solid #e6e6e6;
	/*cursor:pointer;*/
}

body#page-faq ul.jquery-col1 li.col1 {
	padding:0 0 10px 0;
}

body#page-faq ul.jquery-col1 li.li-hover{
	background:#abea3c;
}

body#page-faq ul.jquery-col1 ul li{
	min-height:0px;
	border:none;
}

body#page-faq dl.jquery-dl{
	position:absolute;
	top:-1px;
	left:217px;
	width:217px;
	border:1px solid #e6e6e6;
	padding:0;
	min-height:497px;
}

body#page-faq dd.jquery-dd{
	position:absolute;
	top:-1px;
	left:217px;
	width:414px;
	border:1px solid #e6e6e6;
	border-bottom:none;
	padding:10px;
	min-height:477px;
}

body#page-faq dd.jquery-dd p{
	line-height:140%;
	text-align:justify;
}

body#page-faq dd.jquery-dd-mask, body#page-faq dl.jquery-dl-mask{
	display:none;
}

body#page-faq ul.jquery-col1 dd ul, body#page-faq ul.jquery-col1 dd ol {
	width:auto;
	margin:10px 20px 10px 30px;
}

body#page-faq ul.jquery-col1 dd ul li {
	width:auto;
	list-style:disc;
	margin:3px 0;
	text-align:justify;
}

body#page-faq ul.jquery-col1 dd ol li {
	width:auto;
	margin:3px 0;
	text-align:justify;
}

body#page-faq ul.faq-col1 h1.jquery-h1{
	font-size:15px;
	font-weight:bold;
	color:#475059;
	padding:20px 0 8px 10px;
	margin:0;
	border:none;
}


body#page-faq ul.faq-col1 dt.jquery-dt{
	font-size:12px;
	font-weight:bold;
	color:#475059;
}

body#page-faq ul.faq-col1 dt.jquery-dt a{
	padding:20px 40px 20px 10px;
	display:block;
	border-bottom:1px solid #e6e6e6;
}

body#page-faq ul.faq-col1 dt.jquery-dt a:hover, body#page-faq ul.faq-col1 dt.jquery-dt a.active{
	/*background: #e6e6e6 url('faq-hover.png') no-repeat ;*/
	background:url(faq-hover.png) center no-repeat;	
}

body#page-faq ul.faq-col1 h2.jquery-h2{
	font-size:12px;
	font-weight:bold;
	color:#475059;
	padding-bottom:0px;
	position: relative;
	left: inherit;
	top:inherit;
	border:none;
	margin:0;
}

body#page-faq ul.faq-col1 h2.jquery-h2 a{
	padding:0 0 2px 10px;
	display:block;
}

body#page-faq ul.faq-col1 h2.jquery-h2 a.active{
	color:#FFF;
}

body#page-faq ul.faq-col1 h2.jquery-h2 a:hover{
	text-decoration:underline;
}

body#page-faq ul.faq-col1 span.ship{
	margin:0 10px 0 0;
}

body#page-faq ul.faq-col1 h3.jquery-h3{
	font-size:15px;
	font-weight:bold;
	color:#475059;
	padding:18px 0 20px 0;
	position: relative;
	left: 0;
	top:inherit;
}

ul.jquery-arrows-top {
	display:none;
	position:relative;
}

ul.jquery-arrows-top li a, ul.jquery-arrows-bottom li a {
	outline:none;
}

ul.jquery-arrows-top li a span, ul.jquery-arrows-bottom li a span {
	position:absolute;
	left:-5000px;
}

ul.jquery-arrows-top li a {
	display:block;
	height:30px;
	border-top:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	float:left;
	background:url(faq-scroll-sprite.png) repeat-x;
	cursor:default;
}

ul.jquery-arrows-top li.left a {
	position:absolute;
	width:217px;
	top:0;
	left:0;
	background-position:-109px -120px;
}

/*ul.jquery-arrows-top li.left a.hover {
	background-position:0 -30px;
	cursor:pointer;
}*/

ul.jquery-arrows-top li.left a.hoverable {
	background-position:-109px 0;
	cursor:pointer;
}

ul.jquery-arrows-top li.left a.hoverable:hover {
	background-position:-109px -30px;
}

ul.jquery-arrows-top li.middle a {
	width:217px;
	position:absolute;
	top:0;
	left:218px;
	background-position:-109px -120px;
}

ul.jquery-arrows-top li.middle a.hoverable {
	background-position:-109px 0;
	cursor:pointer;
}

ul.jquery-arrows-top li.middle a.hoverable:hover {
	background-position:-109px -30px;
}

ul.jquery-arrows-top li.right a {
	width:434px;
	position:absolute;
	top:0;
	left:436px;
	border-right:1px solid #E6E6E6;
	background-position: 0 -120px;
}

ul.jquery-arrows-top li.right a.hoverable {
	background-position: 0 0;
}

ul.jquery-arrows-top li.right a.hoverable:hover {
	cursor:pointer;
	background-position:0 -30px;
}

ul.jquery-arrows-bottom {
	display:none;
	position:relative;
	top:0;
	border-top:1px solid #E6E6E6;
}

ul.jquery-arrows-bottom li a {
	display:block;
	height:30px;
	border-bottom:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	float:left;
	background:url(faq-scroll-sprite.png) repeat-x;
	cursor:default;
}

ul.jquery-arrows-bottom li.left a {
	position:absolute;
	width:217px;
	top:0;
	left:0;
	background-position:-109px -120px;
}

ul.jquery-arrows-bottom li.left a.hoverable {
	background-position:-109px -60px;
	cursor:pointer;
}

ul.jquery-arrows-bottom li.left a.hoverable:hover {
	background-position:-109px -90px;
}

ul.jquery-arrows-bottom li.middle a {
	width:217px;
	position:absolute;
	top:0;
	left:218px;
	background-position:-109px -120px;
}

ul.jquery-arrows-bottom li.middle a.hoverable {
	background-position:-109px -60px;
	cursor:pointer;
}

ul.jquery-arrows-bottom li.middle a.hoverable:hover {
	background-position:-109px -90px;
	cursor:pointer;
}

ul.jquery-arrows-bottom li.right a {
	width:434px;
	border-left:none;
	position:absolute;
	top:0;
	left:436px;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	background-position:0 -120px;
}

ul.jquery-arrows-bottom li.right a.hoverable {
	background-position:0 -60px;
	cursor:pointer;
}

ul.jquery-arrows-bottom li.right a.hoverable:hover {
	background-position:0 -90px;
	cursor:pointer;
}

/*ul.jquery-arrows-bottom {
	display:block;
	position:relative;
	top:30px;
}

ul.jquery-arrows-bottom li a {
	display:block;
	height:30px;
}*/

/*ul.jquery-arrows-top li, ul.jquery-arrows-bottom li{
	float:left;
}

ul.jquery-arrows-top li a, ul.jquery-arrows-bottom li a{
	float:left;
	display:block;
	background:red;
}
ul.jquery-arrows-top li a.last, ul.jquery-arrows-bottom li a.last{
	float:left;
	display:block;
	background:blue;
}*/

/*** PAGE PRESENTATION ***/

#page-presentation #page {
	margin-top:15px;
}

#page-presentation #menu {
	height:23px;
}

#page-presentation #fond {
	background-position:0 -30px;
}