@media screen {
	/* --- Base styles --- */
	/* Page */
	html {
		font-size: 100%;
	}
	body {
		background: #4EA025;
		font: .6875em/1.4 Arial, Helvetica, serif;
		margin: 0;
		padding: 0;
	}
	/* Headings */
	h1, h2, h3 {
		font-style: normal;
		font-weight: bold;
		line-height: 1.2;
	}
	h1 {
		color: #64AC40;
		font-size: 1.2727em;
		margin: 0 0 1.25em;
	}
	h2 {
		color: #000;
		font-size: 1.2727em;
		margin: 0;
	}
	h3 {
		color: #000;
		font-size: 1em;
		margin: 0;
	}
	/* Lists */
	ul {
		margin: 0 0 1em 1.5em;
		padding: 0;
	}
	ol {
		margin: 0 0 1em 2em;
		padding: 0;
	}
	ol li {
		color: #000;
		font-weight: bold;
	}
	ol li ul li {
		color:#747474;
		font-weight:normal;
	}

	/* Paragraphs */
	p {
		margin: 0 0 1em;
	}
	/* Links */
	a {
		color: #4EA025;
		text-decoration: none;
	}
	a:focus, a:hover, a:active {
		text-decoration: underline;
	}
	a.deco {
		background: url("../../images/icon/chevron-green.png") no-repeat 0 50%;
		padding-left: 10px;
	}
	a.back {
		color: #747474;
		background: transparent url(../../images/icon/chevron-grey-left.png) no-repeat 0 50%;
		padding-left: 10px;
		text-decoration: none;
	}
	a.back:hover {
		text-decoration: underline;
	}
	/* Suppress border on images inside links */
	a img {
		border: none;
	}
	/* Miscellaneous inline elements */
	em {
		font-style: italic;
	}
	strong {
		font-weight: bold;
	}
	abbr {
		border-bottom: none;
	}
	/* Forms */
	form, fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	input, button, select, textarea {
		border: 1px solid #A4B97F;
		font-family: Arial, Helvetica, serif;
		font-size: 1em;
		vertical-align: middle;
	}

	.clear {
		clear: both;
		display: block;
	}
	/* --- /Base styles --- */

	#main {
		background: #FFF;
		color: #747474;
	}

	#page {
		margin: 0 auto;
		width: 900px;
	}

	/* Header */
	#header {
		background-position: 0 40px;
		background-repeat: no-repeat;
		height: 237px;
		padding-top: 40px;
	}
	
	#home #header {
		height: 337px;
		padding-top: 70px;
		position: relative;
	}

	#nos-clients #header,
	#nos-clients-quick #header {
		background-image: url("../../images/header/nos-clients.jpg");
	}
	#nos-metiers #header {
		background-image: url("../../images/header/nos-metiers.jpg");
	}
	#nos-metiers-creation #header {
		background-image: url("../../images/header/nos-metiers/creation.jpg");
	}
	#nos-metiers-display #header {
		background-image: url("../../images/header/nos-metiers/display.jpg");
	}
	#nos-metiers-e-crm #header {
		background-image: url("../../images/header/nos-metiers/e-crm.jpg");
	}
	#nos-metiers-emailing #header {
		background-image: url("../../images/header/nos-metiers/emailing.jpg");
	}
	#nos-metiers-etudes #header {
		background-image: url("../../images/header/nos-metiers/etudes.jpg");
	}
	#nos-metiers-liens-sponsorises #header {
		background-image: url("../../images/header/nos-metiers/liens-sponsorises.jpg");
	}
	#nos-metiers-planning-strategique #header {
		background-image: url("../../images/header/nos-metiers/planning-strategique.jpg");
	}
	#nos-metiers-referencement-naturel #header {
		background-image: url("../../images/header/nos-metiers/referencement-naturel.jpg");
	}
	#nos-metiers-search-marketing #header {
		background-image: url("../../images/header/nos-metiers/search-marketing.jpg");
	}
	#nos-metiers-social-media #header {
		background-image: url("../../images/header/nos-metiers/social-media.jpg");
	}
	#nous-rejoindre #header {
		background-image: url("../../images/header/nous-rejoindre.jpg");
	}
	#nous-contacter #header {
		background-image: url("../../images/header/nous-contacter.jpg");
	}

	#logo {
		float: left;
		height: 116px;
		margin-right: 92px;
		padding-left: 30px;
		width: 149px;
	}
	
	#home #logo {
		float: none;
		margin: 0;
		padding: 0;
		position: absolute; top: 39px; left: 29px;
	}

	#logo a {
		display: block;
		height: 116px;
		overflow: hidden;
		text-indent: -666em;
		width: 149px;
	}

	#header p {
		clear: both;
		position: absolute; left: -666em;
	}
	
	#home #header p {
		position: static;
	}

	/* Navigation */
	#nav {
		float: left;
		height: 16px;
		list-style-type: none;
		margin: 30px 0 0;
		overflow: hidden;
		padding: 0;
		width: 627px;
	}
	
	#home #nav {
		float: none;
		margin: 0 0 19px 271px;
	}

	#nav li {
		display: inline;
	}

	#nav a {
		background-image: url("../../images/navigation.png");
		display: block;
		float: left;
		height: 16px;
		margin-right: 20px;
		overflow: hidden;
		text-indent: -666em;
	}

	#nav a#item5 {
		margin-right: 0;
	}

	#item1 {
		background-position: 0 0;
		width: 69px;
	}

	#item1:focus,
	#item1:hover,
	#item1.current {
		background-position: 0 16px;
	}
	#item2 {
		background-position: -89px 0;
		width: 99px;
	}
	#item2:focus,
	#item2:hover,
	#item2.current {
		background-position: -89px 16px;
	}
	#item3 {
		background-position: -208px 0;
		width: 99px;
	}
	#item3:focus,
	#item3:hover,
	#item3.current {
		background-position: -208px 16px;
	}
	#item4 {
		background-position: -327px 0;
		width: 137px;
	}
	#item4:focus,
	#item4:hover,
	#item4.current {
		background-position: -327px 16px;
	}
	#item5 {
		background-position: -484px 0;
		width: 143px;
	}
	#item5:focus,
	#item5:hover,
	#item5.current {
		background-position: -484px 16px;
	}
	/* /Navigation */

	/* Content */
	#content {
		clear: both;
		padding: 28px 40px 29px;
	}
	
	#home #content {
		padding-top: 20px;
	}

	/* Columns */
	.col {
		display: block;
		float: left;
	}
	.w-100 {
		width: 100px;
	}
	.w-140 {
		width: 140px;
	}
	.w-156 {
		width: 156px;
	}
	.w-163 {
		width: 163px;
	}
	.w-240 {
		width: 240px;
	}
	.w-260 {
		width: 260px;
	}
	.w-266 {
		width: 266px;
	}
	.w-370 {
		width: 370px;
	}
	.w-400 {
		width: 400px;
	}
	.w-510 {
		width: 510px;
	}
	.w-560 {
		width: 560px;
	}
	.m-10 {
		margin-right: 10px;
	}
	.m-11 {
		margin-right: 11px;
	}
	.m-20 {
		margin-right: 20px;
	}
	.m-50 {
		margin-right: 50px;
	}
	.m-70 {
		margin-right: 70px;
	}
	/* /Columns */

	/* Boxes */
	.box-156 {
		background: url("../../images/box/156-middle.png") repeat-y;
		margin-bottom: 10px;
	}
	.box-156 .box {
		background: url("../../images/box/156-top.png") no-repeat top;
		padding: 0;
	}
	.box-156 .box .box {
		background: url("../../images/box/156-bottom.png") no-repeat bottom;
		padding: 5px;
	}
	.box-163 {
		background: url("../../images/box/163-middle.png") repeat-y;
	}
	.box-163 .box {
		background: url("../../images/box/163-top.png") no-repeat top;
		padding: 8px 0 0;
	}
	.box-163 .box .box {
		background: url("../../images/box/163-bottom.png") no-repeat bottom;
		padding: 0 14px 1px;
	}
	.box-240 {
		background: url("../../images/box/240-middle.png") repeat-y;
	}
	.box-240 .box {
		background: url("../../images/box/240-top.png") no-repeat top;
		padding: 18px 0 0;
	}
	.box-240 .box .box {
		background: url("../../images/box/240-bottom.png") no-repeat bottom;
		padding: 0 20px 7px;
	}
	
	.box ul {
	margin-left:0px;
	}
	/* /Boxes */

	/* Text replacement */
	.txt {
		display: block;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-indent: -666em;
	}

	#news {
		background: url("../../images/text/les-news-a-ne-pas-manquer.png") no-repeat;
		margin-bottom: 12px;
		height: 15px;
		width: 195px;
	}
	#comprendre {
		background: url("../../images/text/comprendre.png") no-repeat;
		height: 15px;
		width: 94px;
	}
	#conquerir {
		background: url("../../images/text/conquerir.png") no-repeat;
		height: 15px;
		width: 81px;
	}
	#federer {
		background: url("../../images/text/federer.png") no-repeat;
		height: 15px;
		width: 54px;
	}
	#next-gen {
		background: url("../../images/text/next-gen-performance.png") no-repeat;
		margin-bottom: 1em;
		height: 16px;
		width: 157px;
	}
	#nouveau {
		background: url("../../images/text/nouveau.png") no-repeat;
		margin-bottom: 5px;
		height: 16px;
		width: 69px;
	}
	#toujours-au-courant {
		background: url("../../images/text/toujours-au-courant.png") no-repeat;
		margin-bottom: 5px;
		height: 16px;
		width: 134px;
	}
	#cas-clients {
		background: url("../../images/text/cas-clients.png") no-repeat;
		margin-bottom: 5px;
		height: 16px;
		width: 73px;
	}
	/* /Text replacement */

	/* Paragraph classes */
	.chapo {
		color: #000;
	}

	.impact {
		color: #4EA025;
		list-style-type:none;
	}

	.last {
		margin-bottom: 0;
	}
	/* /Paragraph classes */

	/* Footer */
	#footer {
		background: #4EA025;
		clear: both;
		color: #FFF;
		padding: 20px 0 5em;
	}

	#footer-content {
		margin: 0 auto;
		position: relative;
		width: 900px;
	}

	#vivaki-logo, #vivaki-logo-home{
		background: url("../../images/logo/vivaki.png") no-repeat 0 50%;
		display: block;
		float: left;
		height: 2.8em;
		margin: 0 1em 1em 0;
		min-height: 24px;
		overflow: hidden;
		text-indent: -666em;
		width: 69px;
	}
	
	#vivaki-logo-home {
		background-image: url("../../images/logo/vivaki-home.png");
		height: 84px;
		width: 179px;
	}

	#footer a {
		color: #FFF;
	}

	#footer a:focus,
	#footer a:hover {
		color: #000;
	}

	#address {
		margin: 0 0 1em;
		width: 650px;
	}

	#links {
		position: absolute; top: 0; right: 0;
	}

	#footer ul {
		list-style-type: none;
		margin: 0 0 .75em;
		padding: 0;
	}

	#links li {
		display: block;
		float: left;
		margin-right: 10px;
	}

	#links img {
		margin-top: 7px;
	}

	#links #sites {
		margin-right: 0;
		padding: 2px 0;
		position: relative;
		width: 170px;
	}

	#sites #trigger {
		background: #FFF url("../../images/icon/arrow-down.png") no-repeat 150px 50%;
		border: 2px inset #A4B97F;
		color: #4EA025;
		display: block;
		padding: 2px 21px 1px 5px;
		width: 140px;
	}

	#sites #trigger:focus,
	#sites #trigger:hover {
		background-color: #DDD;
	}

	#sites ul {
		border: 2px inset #A4B97F;
		margin: 0;
		position: absolute;
	}

	#sites ul li {
		float: none;
		margin: 0;
	}

	#sites a {
		background: #FFF;
		color: #000;
		display: block;
		padding: 0 5px;
		text-decoration: none;
		width: 156px;
	}

	#sites a:focus,
	#sites a:hover {
		background: #DDD;
		color: #000;
	}

	#description, #description-home {
		clear: both;
		text-align: justify;
	}
	
	#description-home {
		clear: none;
	}
	
	
	/* /Footer */

	/* --- Page-specific styles --- */

	/* Home */
	#push h2 {
		margin: 0 0 .5em;
	}

	#push {
		background-repeat: no-repeat;
		margin-top: 17px;
		padding-left: 154px;
		width: 406px;
	}

	#slider ul {
		height: 95px;
		list-style-type: none;
		margin: 0 0 1em 0;
		padding: 0;
		width: 200px;
	}

	#slider,
	#slider li {
		height: 95px;
		overflow: hidden;
		width: 200px;
	}
	/* /Home */

	/* Nos Clients */
	#nos-clients #content ul {
		margin: 0;
		padding: 0;
	}

	#nos-clients #content ul .box-156 img {
		display: block;
	}

	#nos-clients #etudes-cas {
		margin-top: 1em;
	}

	#nos-clients .box-156 a {
		display: block;
		width: 146px;
	}

	#nos-clients h2 {
		font-size: 1em;
	}
	/* /Nos Clients */

	/* Nos Métiers */
	#nos-metiers #content ol,
	#nos-metiers #content ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#nos-metiers #content ul ul {
		margin: 1em 0 0 1.5em;
	}

	.box-metiers {
		height: 91px;
		margin-bottom: 1.5em;
		width: 260px;
	}

	.box-metiers p {
		margin: 0;
		position: absolute; left: -666em;
	}

	#metiers-1 {
		background: url("../../images/text/nos-metiers-1.png");
	}
	#metiers-2 {
		background: url("../../images/text/nos-metiers-2.png");
	}
	#metiers-3 {
		background: url("../../images/text/nos-metiers-3.png");
	}

	#nos-metiers h2,
	#nos-metiers h3 {
		font-size: 1em;
		margin: 0;
	}

	#nos-metiers h2 a,
	#nos-metiers h3 a {
		background: url("../../images/icon/chevron-black.png") no-repeat 0 50%;
		color: #000;
		padding-left: 10px;
		text-decoration: none;
	}

	#nos-metiers h2 a:focus,
	#nos-metiers h2 a:hover,
	#nos-metiers h3 a:focus,
	#nos-metiers h3 a:hover {
		background: url("../../images/icon/chevron-green.png") no-repeat 0 50%;
		color: #4EA025;
		text-decoration: none;
	}

	/* Menu Nos Métiers */
	#menu {
		list-style-type: none;
		margin: 0 20px 0 0;
		padding: 0;
	}

	#menu ul {
		list-style-type: none;
		margin: .5em 0 1em;
		padding: 0;
	}

	#menu a {
		background: url("../../images/icon/chevron-black.png") no-repeat 0 50%;
		color: #000;
		display: block;
		padding-left: 10px;
		text-decoration: none;
		width: 130px;
	}

	#menu a:focus,
	#menu a:hover,
	#menu a.current {
		background-image: url("../../images/icon/chevron-green.png");
		color: #4EA025;
	}

	#menu ul ul {
		margin: 0 0 0 10px;
	}

	#menu ul ul a {
		width: 120px;
	}

	#logos {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#logos li {
		margin-bottom: 1em;
	}
	/* /Nos Métiers */

	/* Nous Contacter */
	#jobs {
		height: 32em;
		list-style-type: none;
		margin: 0 0 1em;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 0 1em 0 0;
	}

	#jobs li {
		margin: 0 0 1em;
	}

	#jobs h2 {
		cursor: pointer;
		padding-left: 20px;
	}
	
	#jobs ul li {
		margin: 0;
	}

	.ui-state-active {
		background: url('../../images/icon/minus.png') no-repeat 0 50%;
	}
	.ui-state-default {
		background: url('../../images/icon/plus.png') no-repeat 0 50%;
	}

	#nous-rejoindre .pasdouble label {
		display: block;
		float: left;
		margin-right: 5px;
		width: 55px;
	}

	#nous-rejoindre .pasdouble input,
	#nous-rejoindre .pasdouble select {
		display: block;
		float: left;
		margin: 0 0 1em 0;
		width: 131px;
	}

	#nous-rejoindre .pasdouble input.odd,
	#nous-rejoindre .pasdouble select.odd {
		margin: 0 10px 1em 0;
	}
	#nous-rejoindre .double  {
		position: relative;
	}
	#nous-rejoindre .double label {
		left: 0;
		margin: 0;
		position: relative;
		display: block;
		float: left;
		margin-right: 5px;
		width: 100px;
	}

	#nous-rejoindre .double input,
	#nous-rejoindre .double select {
		position: relative;
		display: block;
		float: left;
		margin: 0 0 1em 0;
		width: 287px;
	}

	#nous-rejoindre .double input.odd,
	#nous-rejoindre .double select.odd {
		margin: 0 10px 1em 0;
	}

	#nous-rejoindre input.image-button {
		border: none;
		display: inline;
		float: right;
		margin: 0 5px 2em 0;
		width: auto;
	}
	/* /Nous Contacter */

	/* Nous Contacter */
	#nous-contacter label {
		display: block;
		float: left;
		width: 50px;
	}

	#nous-contacter input {
		display: block;
		float: left;
		margin: 0 0 1em 0;
		width: 180px;
	}

	#nous-contacter input.odd {
		margin: 0 40px 1em 0;
	}

	#nous-contacter textarea {
		display: block;
		float: left;
		height: 4em;
		margin: 0 0 1em 0;
		width: 453px;
	}

	#nous-contacter input.image-button {
		border: none;
		display: inline;
		float: right;
		margin: 0 5px 2em 0;
		width: auto;
	}
	/* /Nous Contacter */

	/* --- /Page-specific styles --- */
}