* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	cursor:pointer;
}


html {
	height: 100%;
}

body {
	height: 100%;
	background-color: black;
	color: white;
	text-align: center;
	overflow-y: hidden;
	background:url(null) fixed;
}

html > body {overflow-y: auto}

div#main1 {
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: url(../medias/bg_gradient_sky.jpg) repeat-x top left;
}

div#main2 {
	height: 100%;
	min-height: 100%;
	background: url(../medias/bg_stars.png) no-repeat top;
}

div#main3 {
	height: 100%;
	min-height: 100%;
	background :url(../medias/bg_herbs.png) repeat-x bottom center;
}

div#global1 {
	position: absolute;
	left:0;
	top:0;
	margin: 0 auto;
	height: 100%;
	width: 100%;
	min-height: 100%;
	overflow: auto;
}

div#global2 {
	min-height: 100%;
	height: auto;
	border-left: 15px solid black;	
	border-right: 15px solid black;	
	text-align: left;
}

div#left {
	width: 180px;
	padding-top: 60px;
	position: fixed;
	left:200px;
	top:0;
	_position: absolute;
	_top: expression(documentElement.scrollTop+body.scrollTop);
	z-index: 500;
}

div#left ul#nav {
	width: 123px;
	margin: 45px 27px 0 27px;
	list-style: none;
}

div#left ul#nav li {
	height: 30px;
	float: left;
}

div#left ul#nav li a span {
	position: absolute;
	left: -9999px;
}

div#left ul#nav li a {
	display: block;
	width: 123px;
	height: 30px;
}

div#left ul#nav li#nav_presentation a {
	background: url(../medias/nav_presentation.png) left top no-repeat ;
}

div#left ul#nav li#nav_presentation a:hover, div#left ul#nav li#nav_presentation a:focus, div#left ul#nav li#nav_presentation a:active, div#left ul#nav li#nav_presentation a.current {
	background: url(../medias/nav_presentation.png) right top no-repeat ;
}

div#left ul#nav li#nav_services a {
	background: url(../medias/nav_services.png) left top no-repeat ;
}

div#left ul#nav li#nav_services a:hover, div#left ul#nav li#nav_services a:focus, div#left ul#nav li#nav_services a:active, div#left ul#nav li#nav_services a.current {
	background: url(../medias/nav_services.png) right top no-repeat ;
}

div#left ul#nav li#nav_produits a {
	background: url(../medias/nav_produits.png) left top no-repeat ;
}

div#left ul#nav li#nav_produits a:hover, div#left ul#nav li#nav_produits a:focus, div#left ul#nav li#nav_produits a:active, div#left ul#nav li#nav_produits a.current {
	background: url(../medias/nav_produits.png) right top no-repeat ;
}

div#left ul#nav li#nav_contact a {
	background: url(../medias/nav_contact.png) left top no-repeat ;
}

div#left ul#nav li#nav_contact a:hover, div#left ul#nav li#nav_contact a:focus, div#left ul#nav li#nav_contact a:active, div#left ul#nav li#nav_contact a.current {
	background: url(../medias/nav_contact.png) right top no-repeat ;
}

div#right {
	min-height: 100%;	
	width: 500px;
	background: url(../medias/bg_content.png) no-repeat top left;
	/*
	position: relative;
	left: 370px;
	*/
	margin-left: 370px;
}

div#right a, div#right input {
	position: relative; 
	z-index: 500;
}

div#zc {
	background:url(../medias/bg_zc.png) no-repeat top center;
	height: 47px;
	text-align: center;
}

div#zc form {
	padding-top: 17px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #919191;
}

div#zc form input {
	border: 1px solid #6E6E6E;
	background-color: #2F2F2F;
	width: 70px;
	margin: 0 2px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #6E6E6E;
}

div#zc form input#sub {
	width: auto;
	border: 0;
	vertical-align: bottom;
	margin: 0 5px;
}

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

/* Navigation Services */

ul#subnav_services {
	width: 500px;
	height: 36px;
	background:url(../medias/bg_nav_services.png) no-repeat;
	list-style: none;
}

ul#subnav_services li {
	float: left;
	height: 37px;
}

ul#subnav_services li a span {
	position: absolute;
	left: -9999px;
}

ul#subnav_services li a {
	display: block;
	height: 37px;
}

ul#subnav_services li a#siteweb {
	width: 72px;
	background:url(../medias/nav_services_siteweb.png);
	margin-left: 66px;
}

ul#subnav_services li a#siteweb:hover , ul#subnav_services li a#siteweb:active , ul#subnav_services li a#siteweb:focus , ul#subnav_services li a#siteweb.current  {
	background:url(../medias/nav_services_siteweb_2.png);
}

ul#subnav_services li a#marketing {
	width: 97px;
	background:url(../medias/nav_services_marketing.png);
}

ul#subnav_services li a#marketing:hover , ul#subnav_services li a#marketing:active , ul#subnav_services li a#marketing:focus , ul#subnav_services li a#marketing.current  {
	background:url(../medias/nav_services_marketing_2.png);
}

ul#subnav_services li a#ref {
	width: 117px;
	background:url(../medias/nav_services_ref.png);
}

ul#subnav_services li a#ref:hover , ul#subnav_services li a#ref:active , ul#subnav_services li a#ref:focus , ul#subnav_services li a#ref.current  {
	background:url(../medias/nav_services_ref_2.png);
}

ul#subnav_services li a#design {
	width: 84px;
	background:url(../medias/nav_services_design.png);
}

ul#subnav_services li a#design:hover , ul#subnav_services li a#design:active , ul#subnav_services li a#design:focus , ul#subnav_services li a#design.current  {
	background:url(../medias/nav_services_design_2.png);
}

/* Navigation Produits */

ul#subnav_produits {
	width: 500px;
	height: 36px;
	background:url(../medias/bg_nav_produits.png) no-repeat;
	list-style: none;
}

ul#subnav_produits li {
	float: left;
	height: 36px;
}

ul#subnav_produits li a span {
	position: absolute;
	left: -9999px;
}

ul#subnav_produits li a {
	display: block;
	height: 36px;
}

ul#subnav_produits li a#azimut {
	width: 97px;
	background:url(../medias/nav_produits_azimut.png);
	margin-left: 95px;
}

ul#subnav_produits li a#azimut:hover , ul#subnav_produits li a#azimut:active , ul#subnav_produits li a#azimut:focus , ul#subnav_produits li a#azimut.current  {
	background:url(../medias/nav_produits_azimut_2.png);
}

ul#subnav_produits li a#horizon {
	width: 114px;
	background:url(../medias/nav_produits_horizon.png);
}

ul#subnav_produits li a#horizon:hover , ul#subnav_produits li a#horizon:active , ul#subnav_produits li a#horizon:focus , ul#subnav_produits li a#horizon.current  {
	background:url(../medias/nav_produits_horizon_2.png);
}

ul#subnav_produits li a#littoral {
	width: 99px;
	background:url(../medias/nav_produits_littoral.png);
}

ul#subnav_produits li a#littoral:hover , ul#subnav_produits li a#littoral:active , ul#subnav_produits li a#littoral:focus , ul#subnav_produits li a#littoral.current  {
	background:url(../medias/nav_produits_littoral_2.png);
}

div#content {
	font: normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: white;
	padding: 25px 30px;
}

div#content p {
	margin: 15px 0;	
	text-align: justify;
}

div#content a {
	color: #FD3F92;
	text-decoration: underline;
}

div#content ul {
	padding: 0px 10px 10px 30px;
	list-style-image: url(../medias/puce_1.gif);
}

div#content ul li {
	padding-left: 10px;
	margin: 6px 0;
}

div#content blockquote {
	border : 2px solid #000;
	margin: 0px;
	padding: 10px 30px;
	quotes: "\201C" "\201D";
}

div#content blockquote:before { 
	content: open-quote; 
	font-weight: bold; 
}

div#content blockquote:after { 
	content: close-quote; 
	font-weight: bold; 
}

div#content .partenaire img { 
	float: left;
	margin-right: 15px;
}

div#content .partenaire p { 
	padding-top: 5px;
}

div#content .partenaire p .titre { 
	line-height: 25px;
}

/* Spécial Produits */
div#produit_logo {
	width: 215px;
	height: 175px;
	margin: 10px 0;
	float: left;
}

div.azimut {
	background: url(../medias/azimut_intro.gif) no-repeat top left;
}

div.horizon {
	background: url(../medias/horizon_intro.gif) no-repeat top left;
}

div.littoral {
	background: url(../medias/littoral_intro.gif) no-repeat top left;
}

div#produit_logo ul {
	padding-top: 125px;
}

div#produit_logo ul li {
	list-style-image: url(../medias/none.gif);
	list-style: none;
	text-align: right;
	padding-right: 10px;
	line-height: 14px;
}

div#produit_logo ul li a {
	font-size: 11px;
}

div#produit_intro {
	float: left;
	width: 200px;
	font-size: 13px;
	font-weight: bold;
	color: #2EC9FF;
	letter-spacing: 1px;
	line-height: 19px;
	margin-left: 15px;
	margin-top: 35px;
}

div#footer {
	text-align: center;
	font: normal 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #555555;
	background: url(../medias/line_footer.gif) no-repeat top center;
	padding: 10px 0 20px 0;
	line-height: 12px;
}

div#footer a {
	color: #555555;
}