html, body {
	font-family	: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #000;
	height		: 100%;
	padding		: 0;
	margin		: 0 auto;
}

ul, li {padding:0; margin:0;}

html{
	margin-bottom: 0.01em;
}

body{
    text-align	: center; /* pour corriger le bug de centrage IE */
	background	: #fff url('../media/img/global_bg.gif');
}

table, tr, td, input, select, textarea {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #000;
}

img{
	border		: none;
	margin		: 0px;
	padding		: 0px;
}

a {
	padding			: 0 2px;
	color			: #DCDC00;
	text-decoration	: none;
	border-bottom	: 1px dashed #DCDC00;
}

a:hover {
	color			: #fff;
	background		: #DCDC00;
	border			: 0;
}

.hide {
	display		: none;
}

.visible {
	display		: block;
}

/********************************
             STYLES             *
*********************************/

h1 {
	font-size	: 100%;
}


/********************************
         POSITIONNEMENT         *
*********************************/

#filet {
	height		: 10px;
	background	: url('../media/img/filet_bg.gif') repeat-x;
}

#global {
	position	: absolute;
	top			: 0;
	left		: 50%;
	width		: 680px;
	margin-left	: -340px;
	margin-top	: 0;
	background 	: #fff url('../media/img/content_bg.gif');
	text-align	: left;
}

#global #top {
	width		: 680px;
	height		: 14px;
	background	: url('../media/img/top_bg.gif') top center no-repeat;
}

#global #top h1 {
	text-indent	: -3000px;
	margin		: 0;
	padding		: 0;
}

#global #content {
	left		: 0;
	margin		: 0 30px 0 30px;
	width		: 620px;
	background	: #fff;
}

#global #content #adresse {
	float		: right;
	width		: 200px;
	margin		: 0;
	padding		: 0 0 5px 10px;
	border-left	: 3px solid #dcdc00;
}

#global #content #droite {
	float		: right;
	width		: 280px;
	margin		: 0;
	padding		: 0 0 5px 10px;
	border-left	: 3px solid #dcdc00;
}

#global #content #gauche {
	float		: right;
	width		: 250px;
	margin		: 0 70px 0 0;
	padding		: 0;
}

#global #bottom {
	clear		: both;
	width		: 680px;
	height		: 14px;
	background	: transparent url('../media/img/bottom_bg.gif') top center no-repeat;
	background-repeat : no-repeat;
	font-size	: 4px;
}

#global #copy {
	background	: #fff url('../media/img/global_bg.gif');
	text-align	: center;
	color		: #888;
}

/*********** MENU ***********/

#global #content #menu ul {
	text-indent	: -3000px;
	list-style	: none;
	margin		: 10px 0;
	padding		: 0;
	width		: 620px;
	height		: 43px;
	background	: url('../media/img/menu.gif');
}
#navbar {
	position: relative;
	/*float: right;*/
}

ul#nav {
	height		: 43px;
	width		: 620px;
	background	: url('../media/img/menu.gif') no-repeat;
}

ul#nav li {
	float		: left;
	list-style	: none;
}

ul#nav li a {
	position	: absolute;
	text-indent	: -3000px;
	text-decoration: none;
	border		: none !important;
	margin		: 0 !important;
}

ul#nav li#nav-accueil a { 
	left: 310px; top: 18px;
	width: 70px; height: 22px;
	background: url('../media/img/menu.gif') -310px -18px no-repeat ;
}

ul#nav li#nav-references a { 
	left: 380px; top: 18px;
	width: 91px; height: 22px;
	background: url('../media/img/menu.gif') -380px -18px no-repeat;
}
	
ul#nav li#nav-services a { 
	left: 471px; top: 18px;
	width: 76px; height: 22px;
	background: url('../media/img/menu.gif') -471px -18px no-repeat;
}

ul#nav li#nav-contact a { 
	left: 547px; top: 18px;
	width: 73px; height: 22px;
	background: url('../media/img/menu.gif') -547px -18px no-repeat;
}

ul#nav li#nav-accueil a:hover	{ background-position: -310px -61px; }
ul#nav li#nav-references a:hover{ background-position: -380px -61px; }
ul#nav li#nav-services a:hover	{ background-position: -471px -61px; }
ul#nav li#nav-contact a:hover	{ background-position: -547px -61px; }

ul#nav li#nav-accueil a.active		{ background-position: -310px -104px; }
ul#nav li#nav-references a.active	{ background-position: -380px -104px; }
ul#nav li#nav-services a.active		{ background-position: -471px -104px; }
ul#nav li#nav-contact a.active		{ background-position: -547px -104px; }

/************ FIN MENU ************/

label {
	display		: block;
}

input,textarea {
	display		: block;
	border		: 1px solid #dcdc00;
	margin-bottom: 10px;
}

input:hover,textarea:hover {
	border		: 1px solid #adad40;
}

input:focus,textarea:focus {
	background	: #F8F8CC;
	border		: 1px solid #adad40;
}

input[type=image] {
	border		: 0;
}

#global #content h1 {
	text-indent	: -3000px;
	margin		: 20px 0;
	padding		: 0;
	width		: 620px;
	height		: 108px;
	background	: url('../media/img/home.jpg');
}

#global #content .col {
	float		: left;
	width		: 290px;
}

#global #content .gauche {
	margin-right: 20px;
}

#global #content .droite {
	margin-left: 20px;
}

#global #content  h2 {
	font-size	: 120%;
	color		: #dcdc00;
	margin		: 5px 0 0 0;
}

#global #content #droite p {
	margin		: 2px 0 15px 0;
}


#global #content .col p {
	margin		: 5px 0 10px 0;
	text-align	: justify;
}

#global #content .box {
	float		: left;
	width		: 190px;
}

#global #content .centre {
	margin		: 0 25px;
}

.web {background: url('../media/img/accueil_web.gif');}
.print {background: url('../media/img/accueil_print.gif');}
.com {background: url('../media/img/accueil_com.gif');}

#global #content .box h2 {
	margin		: 0;
	padding		: 0;
	text-indent	: -3000px;
	height		: 36px;
	width		: 190px;
}

#global	#content .box p {
	padding 	: 0 2px;
}

#global #content .refBox {
	float		: left;
	margin		: 0 0 20px 0;
	width		: 155px;
	text-align	: center;
	color		: #888;
}

#global #content .refBox a {
	color		: #888;
	border		: 0;
}

#global #content .refBox a:hover {
	background	: transparent;
}

#global #content .refBox img {
	border		: 5px solid #e5e5e5;
	padding		: 1px;
}

#global #content .refBox img:hover {
	border-color: #dcdc00;
}

#global #content .refBox .work a {
	padding		: 0 2px;
	margin		: 0 2px;
}

#global #content .refBox .work a:hover {
	background	: #888;
	color		: #fff;
}

#footer {
	width	: 10px;
	height	: 10px;
	background: #000;
	clear: both;
}