/*div {
	border: 1px solid Red;
}*/




.wraper { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#wraper_footer { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;

}

/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

/*h1, h2, h3, h4 { 
	margin-top: 0px;
	margin-bottom: 10px;
	color: #444751;
	font-weight: normal;

}
h1 { 
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;

}
h2, h2 a { 
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;		
}*/
/*h3, h3 a { 
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;
}


small { 
	margin: 0;
	color: #444751;
	font-size: 11px;
}

a  { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
}

a:hover  { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: underline;
}
*/
a img  { 
	border: none;
}

p.bold { 
	font-weight: bold;
}

img.left { 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.right { 
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.margin_top { 
	float: left;
	margin-top: 30px;
}

div.clear { 
	clear:both;
}


/*****************************************************/
/* LAYOUT                               		 */
/***************************************************/
#header { 
	float: left;
	width: 940px;
	padding-top: 34px;
	/*background: #dce1e4 url('http://www.nosotroshq.com/gfx/backs/back_body.jpg') no-repeat top center;	*/
}

#logo { 
	float: left;
	width: 300px;
	margin:15px 0 0 20px;
	display:inline;
}
.logo_graph { 
	float: right;
	padding:0;
	margin:0;
}
*html #header #logo { 
	float: left;
	width: 140px;
	margin-right: 140px;
}
#navigation-top {
	margin:0 0 0px;
	position:absolute; left:0; top:0;
	width:100%;
	height:60px;
	background:transparent url(../images/bg_header.png)}
#menu { 
	float: left;
	width: 960px;
	font-size: 11px;
	padding-top: 16px;
	margin-left: 20px;
	display:inline;
}

#logo h1 a { 
	display: block;
	width: 300px;
	height: 107px;
	background: url('../images/logo_blueway.png') no-repeat;
}

#menu .nav { 
	list-style: none;
	padding: 0px;
	margin: 0;
}

#menu .nav li{ 
	float: left;
	margin: 0;
	padding: 0px;
	margin-right: 4px;
}
/*#menu .nav li a { 
	float: left;
	margin: 0;
	padding: 0px;
}*/

#menu .nav li a span { 
	display: none;
}


/******ACCUEIL*******/

li#accueil_button a { 
	width: 68px;
	height: 26px;
	display: block;
}


body#accueil li#accueil_button a, li#accueil_button a:active { 
	background: url('../images/accueil_active.png') no-repeat;

}

/******SOCIETE*******/

li#societe_button a { 
	width: 87px;
	height: 26px;
	display: block;
}
 
body#societe li#societe_button a, li#societe_button a:active { 
	background: url('../images/societe_active.png') no-repeat;

}

/******PRODUITS*******/

li#produits_button a { 
	width: 102px;
	height: 26px;
	display: block;
}

body#produits li#produits_button a, li#produits_button a:active { 
	background: url('../images/produits_active.png') no-repeat;

}

/******SERVICES*******/

li#services_button a { 
	width: 90px;
	height: 26px;
	display: block;
}

body#services li#services_button a, li#services_button a:active { 
	background: url('../images/services_active.png') no-repeat;

}

/******BUSINESS*******/

li#business_button a { 
	width: 143px;
	height: 26px;
	display: block;

}

body#business_cases li#business_button a, li#business_button a:active { 	
	background: url('../images/business_active.png') no-repeat;

}
/******PARTENAIRES*******/

li#partenaires_button a { 
	width: 97px;
	height: 26px;
	display: block;

}

body#espace_partenaire li#partenaires_button a, li#partenaires_button a:active { 	
	background: url('../images/partenaires_active.png') no-repeat;

}
/******CONTACT*******/

li#contact_button a { 
	width: 118px;
	height: 26px;
	display: block;

}

body#contact li#contact_button a, li#contact_button a:active { 	
	background: url('../images/contact_active.png') no-repeat;

}
/******ESPACE CLIENT*******/

li#client_button a { 
	width: 120px;
	height: 26px;
	display: block;

}

body#espace_client li#client_button a, li#client_button a:active { 	
	background: url('../images/client_active.png') no-repeat;

}
/******ANGLAIS*******/

li#francais_button a { 
	width: 32px;
	height: 26px;
	display: block;

}

body#francais li#francais_button a, li#francais_button a:active { 	
	background: url('../images/flag_francais.png') no-repeat;

}
/*****************************************************/
/* MENU HOVER ENGLISH	                           */
/***************************************************/
/**Hover Home Buton**/

div.hover_accueil_button {
	position: 		relative;
	width: 68px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/accueil_off.png') no-repeat 0 0 scroll;
}
div.hover_accueil_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 68px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_accueil_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 68px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/accueil_on.png') no-repeat 0 0 scroll;
}

/**Hover About Buton**/

div.hover_societe_button {
	position: 		relative;
	width: 87px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/societe_off.png') no-repeat 0 0 scroll;
}
div.hover_societe_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 87px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_societe_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 87px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;	
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/societe_on.png') no-repeat 0 0 scroll;
}

/**Hover Produits Buton**/

div.hover_produits_button {
	position: 		relative;
	width: 102px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/produits_off.png') no-repeat 0 0 scroll;
}
div.hover_produits_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 102px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_produits_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 102px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;	
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/produits_on.png') no-repeat 0 0 scroll;
}


/**Hover services Buton**/

div.hover_services_button {
	position: 		relative;
	width: 51px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/services_off.png') no-repeat 0 0 scroll;
}
div.hover_services_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 51px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_services_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 51px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/services_on.png') no-repeat 0 0 scroll;
}

/**Hover business Buton**/

div.hover_business_button {
	position: 		relative;
	width: 72px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/business_off.png') no-repeat 0 0 scroll;
}
div.hover_business_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 72px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_business_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 72px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/business_on.png') no-repeat 0 0 scroll;
}

/**Hover partenaires Buton**/

div.hover_partenaires_button {
	position: 		relative;
	width: 97px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/partenaires_off.png') no-repeat 0 0 scroll;
}
div.hover_partenaires_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 97px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_partenaires_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 97px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/partenaires_on.png') no-repeat 0 0 scroll;
}

/**Hover contact Buton**/

div.hover_contact_button {
	position: 		relative;
	width: 118px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/contact_off.png') no-repeat 0 0 scroll;
}
div.hover_contact_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 118px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_contact_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 118px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/contact_on.png') no-repeat 0 0 scroll;
}

/**Hover client Buton**/

div.hover_client_button {
	position: 		relative;
	width: 120px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/client_off.png') no-repeat 0 0 scroll;
}
div.hover_client_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 120px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_client_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 120px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/client_on.png') no-repeat 0 0 scroll;
}
/**Hover francais Buton**/

div.hover_francais_button {
	position: 		relative;
	width: 72px;
	height: 25px;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/flag_francais.png') no-repeat 0 0 scroll;
}
div.hover_francais_button a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 72px;
	height: 25px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_francais_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 72px;
	height: 25px;
	_margin-top: -25px;
	#margin-top: -25px;
	margin-top: -25px;
	border:			0px solid #000;
	background: url('http://graph123.free.fr/blueway/dev_site/site_v_anglaise/images/flag_francais.png') no-repeat 0 0 scroll;
}