/*
Dark blue background #1d1f2b alternate #1c1e2a
Light green text #ade800
Page background #efefef
Page background contrast #d2d2d2
Grey text #646466
Nice red #bd3100
Nice blue #008cbd
Nice orange #e8a032

*/

*:focus { -moz-outline-style: none; }
img { border: 0px; }
a { text-decoration: none; }
a b { display: none; }
form { border: 0; padding: 0; margin: 0; }
body {
	margin: 0;
	padding: 0;
	background: #1d1f2b;
	font-family: Futura, Helvetica, Arial, sans-serif;
	}
#realscroll {
	height: 380px;
	overflow: auto;
	}
h3 {
	margin-bottom: 10px;
	}

.pack_content {
	padding-top: 0px;
	font-size: 13px;
	font-weight: lighter;
	}

.pack_content h3 {
	line-height: 15px;
	font-size: 18px; 
	}

#pack_selector {
	height: 69px;
	overflow: hidden;
	width: 640px;
	}

#pack_selector a {
	float: left;
	display: block;
	border: 0px;
	margin: 0px;
	}

#pack_selector a img.small {
	margin-top: 28px;
	margin-left: 5px;
	margin-right: 5px;
	}

#pack_selector a b {
	display: none;
	}

.pack_content {
	color: #ffffff;
	width: 640px;
	height: 220px;
	}
#mainer .pack_content a.visit {
	color: #ffffff;
	text-decoration: underline;
	font-size: 12px;
	float: right; 
	}

.pack_content table {
	width: 595px;
	margin: auto;
	vertical-align: top;
	}

.pack_content table tr td {
	padding-top: 5px;
	padding-right: 10px;
	vertical-align: top;
	}

#mainer .pack_content table tr td input {
	height: 18px;
	width: 300px;
	line-height: 18px;
	font-size: 13px;
	background: url('input_.jpg');
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#mainer input#little_sub {
	display: block;
	height: 130px;
	width: 130px;
	margin-top: 45px;
	margin-right: 55px;
	cursor: pointer;
	border: 0px;
	float: right;
	background: url('submit_.png');
	}

#mainer .pack_content table tr td textarea {
	width: 300px;
	height: 50px;
	}

#mainer .pack_content table#little_form {
	float: left;
	width: 60%;
	margin-left: 15px;
//	padding-top: 20px;
	}

#mainer .pack_content table#little_form tr td {
	vertical-align: middle;
	}

.pack_footer {
	color: #ffffff;
	width: 610px;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	}

#pack_content_vitrine { background: url('bg_vitrine.png'); height: 180px; }
#pack_footer_vitrine { background: #ad6201; }
#pack_content_dynamique { background: url('bg_dynamique.png'); display: none; height: 210px; }
#pack_footer_dynamique { background: #9a0000; display: none; }
#pack_content_ecommerce { background: url('bg_ecommerce.png'); display: none; }
#pack_footer_ecommerce { background: #00557b; display: none; }
#pack_content_sur_mesure { background: url('bg_sur_mesure.png'); display: none; }
#pack_footer_sur_mesure { background: #000000; display: none; }

table#realisations {
	width: 620px;
//	height: 470px;
	margin-top: 10px;
	}
table#realisations tr td {
	padding-top: 10px;
	}
h2.method {
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 13px;
	color: #4a4a4b;
	display: block;
	width: 610px;
	height: 34px;
	margin-top: 13px;
	line-height: 34px;
	padding-left: 10px;
	background-image: url('method.png');
	background-position: top;
	cursor: pointer;
	}

h2.method:hover {
	background-position: bottom;
	text-decoration: none;
	}

h2.method:hover b {
	color: #ace800;
	}

#mainer p.dev_method {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #f1f1f1;
	font-size: 12px;
	width: 600px;
	padding: 0px;
	display: none;
	overflow: hidden;
	height: 0px;
	}

#mainer p.dev_method a {
	background: #a8a8a8;
	color: #ffffff;
	padding: 2px;
	font-size: 11px;
	}

#mainer p a {
	background: #ace800;
	color: #ffffff;
	padding: 2px;
	font-size: 11px;
	}

#mainer p a:hover {
	background: #86b500;
	}

#mainer p.dev_method a:hover {
	background: #86b500;
	}

#packs {
	margin-left: -6px;
	margin-top: 15px;
	width: 520px;
	height: 190px;
	}

#packs a {
	display: block; 
	width: 250px;
	height: 90px;
	background-position: top;
	}

#packs a:hover {
	background-position: bottom;
	}

#previews_scroller {
	float: left;
	margin-left: 6px;
	width: 534px;
	height: 160px;
	overflow: hidden;
	}

#previews_scroller #slider {
	margin-left: -750px;
	height: 120px;	
	padding: 20px;
	width: 1900px;
	}

#previews_scroller #slider a {
	display: inline;
	margin-left: 10px;
	}

a#arrow_left, a#arrow_right {
	display: block;
	height: 30px;
	width: 30px;
	margin-top: 65px;
	background-position: top;
	}

a#arrow_left b, a#arrow_right b {
	display: none;
	}

a#arrow_left:hover, a#arrow_right:hover {
	background-position: bottom;
	}

#arrow_left {
	margin-left: 6px;
	float: left;
	background-image: url('arrow_left.png');
	}

#arrow_right {
	margin-right: 6px;
	float: right;
	background-image: url('arrow_right.png');
	}

#packs a#pack_site_vitrine { background-image: url('pack_site_vitrine.png'); float: left; }
#packs a#pack_site_dynamic { background-image: url('pack_site_dynamic.png'); float: right; }
#packs a#pack_site_ecommerce { background-image: url('pack_site_ecommerce.png'); float: left; }
#packs a#pack_site_sur_mesure { background-image: url('pack_site_sur_mesure.png'); float: right; }

#packs a b {
	display: none;
	}

#header a b {
	display: none;
	}

#left_content {
	float: left;
	width: 319px;
	}

#right_content {
	padding-top: 30px;
	float: right;
	width: 646px;
	}

.width_exceeder {
	width: 1024px;
	margin: auto;
	}

img#main_logo {
	margin-top: 37px;
	margin-left: 70px;
	float: left;
	}

#header {
	height: 100px;
	text-align: center;
	}

#header a {
	width: 109px;
	height: 38px;
	margin-top: 62px;
	text-decoration: none;
	display: block;
	float: right;
	background-position: bottom;
	margin-right: 20px;
	}

#header a.active {
	background-position: top;
	}

#header a:hover {
	background-position: top;
	}

#contact_form {
	background: #f7f7f8;
	margin: 0px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 5px;
	}

#contact_form i {
	color: #d08a2b;
	font-size: 12px;
	}

img#signature_contact {
	margin-top: 10px;
	margin-left: 104px;
	}

#link_accueil { background: url('link_accueil.png'); }
#link_services { background: url('link_services.png'); }
#link_packs { background: url('link_packs.png'); }
#link_references { background: url('link_references.png'); }
#link_contacts { background: url('link_contacts.png'); }

img.low {
	display: block;
	position: relative;
	margin-top: 3px;
	margin-left: 10px;
	}

#previews {
	width: 620px;
	height: 160px;
	background: url('preview_background.png');
	}

#mainer {
	font-size: 13px;
	line-height: 15px;
	color: #5f5f5f;
	height: 550px;
	background: #efefef url('background_loop.jpg') repeat-x;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
	}
#mainer p {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 16px;
	}

#mainer h1 {
	text-transform: uppercase;
	display: inline;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	margin-top: 25px;
	font-size: 15px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 5px;
	padding: 6px;
	padding-bottom: 3px;
	background: #ace800;
	}

#mainer input {
	line-height: 26px;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 26px;
	width: 458px;
	padding-left: 10px;
	padding-right: 10px;
	background: url('input.jpg') repeat-x;
	border: solid 1px #c0bebf;
	}

#mainer input#submit {
	height: 30px;
	width: 480px;
	background: url('submit.png');
	border: 0px;
	background-position: top;
	}

#mainer input#submit:hover {
	background-position: bottom;
	}

#mainer textarea {
	text-align: justify;
	margin-left: 5px;
	margin-top: 5px;
	width: 458px;
	padding: 10px;
	height: 92px;
	background: url('textarea.jpg') repeat-x;
	border: solid 1px #c0bebf;
	}

#footer {
	text-align: center;
	line-height: 22px;
	border-bottom: solid 7px #ade800;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
#footer p, #footer p a {
	margin: 0px;
	padding: 0px;
	color: #646466;
	text-decoration: none;
	font-size: 12px;
	}
	
#footer p a {
	color: #ade800;
	}