/* ################################################################################################
	FEUILLE DE STYLE DU SITE GENOSPLICE
	CSS MAIN : contient les elements utilisable sur toutes les pages du site
	 Sandrine Thiebaut - Janvier 2009
################################################################################################ */

/* ################################################################################################
	RESET CSS
	ecrase les styles du navigateur,
	redefini l'apparence des elements,
	permet de mieux controler l'interpretation graphique que pourront en faire les differents agents utilisateur
################################################################################################ */
/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements de fieldsest et img */
fieldset, img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:hand;}

/* pour FF qui a la mauvaise habitude d'entourer les liens avec des pointilles pendant le clic */
a {outline: none;}


/* ################################################################################################
	STRUCTURE
################################################################################################ */
#gns_site {
	position:relative;
	margin:0 auto;
	width:790px;
}
/* HEADER ************************************************************************************** */
	#gns_header {height:100px;}
/* VISUEL ************************************************************************************** */
	#gns_branding {
		height:113px;
		text-indent:-5000px;
		background:transparent url(../images/branding.jpg) no-repeat 0 0;
	}
/* MENU **************************************************************************************** */
	#gns_menu1 {
		height:27px;
		background:transparent url(../images/bg_menu1.jpg) no-repeat 0 0;;
	}
/* FIL D'ARIANE ******************************************************************************** */
	#gns_breadcrumbs {
		padding:0 8px;
		height:28px;
		line-height:28px;
		font-weight:bold;
	}
/* CONTENU ************************************************************************************* */
	#gns_content {overflow:hidden; _overflow:visible; zoom:1;}
		#gns_menu {
			float:left;
			width:171px;
		}
/* SPECIFIQUE A LA HOME - mainContentHome ***** */
		#gns_mainContentHome {
			float:left;
			margin-left:9px;
		}
			#gns_mainContentHomeTop {
				width:428px;/* 430 */
				border:1px solid #4D99B4;
				border-bottom:none;
			}
			#gns_mainContentHomeBottom {
				float:left;
				height:35px;
				width:430px;
				background:transparent url(../images/bg_mainContentHome.gif) no-repeat bottom right;
			}
				#gns_mainContentHomeBottom span {
					display:block;
					height:35px;
					width:8px;
					background:transparent url(../images/bg_mainContentHome.gif) no-repeat 0 0;
				}
		#gns_sidebar {
			float:left;
			margin-left:10px;
			width:170px;
		}
/* AUTRES PAGES DU SITE - mainContent ***** */
		#gns_mainContent {
			float:left;
			margin-left:9px;
		}
			#gns_mainContentTop {
				padding:20px 20px 0 20px;
				min-height:310px;/* 366 - 20px de padding - 35px du bottom */
				_height:346px;
				width:568px;/* 610 */
				border:1px solid #4D99B4;
				border-bottom:none;
				overflow:hidden; _overflow:visible; zoom:1;/*  hack pour les float */
			}
			#gns_mainContentBottom {
				float:left;
				height:35px;
				width:610px;
				background:pink url(../images/bg_mainContent.gif) no-repeat bottom right;
			}
				#gns_mainContentBottom span {
					display:block;
					height:35px;
					width:8px;
					background:transparent url(../images/bg_mainContent.gif) no-repeat 0 0;
				}
/* FOOTER ************************************************************************************** */
	#gns_footer {
		clear:both;
		margin-top:28px;
		padding:10px 0;
		font-size:9px;
		color:#006d93;
		text-align:center;
		border-top:1px solid #006d93;
	}

/* ################################################################################################
	STYLES GENERIQUES
################################################################################################ */
body {
	font:normal 11px Verdana, Arial, sans-serif;
	color:#6c767b;
	background:#fff;
}

/* TITRES ************************************************************************************** */
h2 {
	margin-bottom:14px;
	padding-left:12px;
	font-size:11px;
	color:#006d93;
	background:transparent url(../images/bg_h2.gif) no-repeat 1px 5px;
}
	h2 span {font-weight:normal;}
	#gns_mainContentHomeTop h2, #gns_menuNews h2, #gns_menuPartnerships h2 {/* titres de la home, sur fond bleu */
		margin-bottom:0;
		padding-left:9px;
		height:26px;
		line-height:26px;
		color:#fff;
		background:transparent url(../images/bg_h2_2.gif) repeat-x 0 0;
	}
	h2.gns_h2_overview {
		padding-top:20px;
		height:45px;/* 65 */
		color:#fff;
		text-align:center;
		background:transparent url(../images/bg_h2_overview.gif) repeat-x 0 0;
	}
	h2.gns_h2_easanaContent {background:none;}

h3 {
	margin:30px 0 14px 0;
	padding-left:12px;
	font-size:11px;
	color:#006d93;
	background:transparent url(../images/bg_h3.gif) no-repeat 0 4px;
}

h4 {
	margin:28px 0 16px 0;
	font-size:11px;
	color:#096E91;
}
	#gns_mainContent h4:first-child {margin-top:0;}

h5 {
	margin:15px 0 0 0;
	font-size:11px;
	color:#096E91;
}

/* PARAGRAPHES ********************************************************************************* */
p {padding-bottom:15px;}
span {color:#006d93;}

/* TEXTE *************************************************************************************** */
.gns_txt_left {text-align:left;}
.gns_txt_center {text-align:center;}
.gns_txt_right {text-align:right;}

/* LIENS *************************************************************************************** */
a {color:#6c767b;}
	a:hover {color:#e95d0f;}

/* LISTES ************************************************************************************** */
ul {margin-left:35px;}
	ul.gns_listStyleNone {list-style:none;}

dl {margin-bottom:10px;}
	dt {font-weight:bold;}

/* MARGIN ************************************************************************************** */
.gns_mt10 {margin-top:10px;}
.gns_mt15 {margin-top:15px;}
.gns_mt20 {margin-top:20px;}
.gns_mr15 {margin-right:15px;}
.gns_mb15 {margin-bottom:15px;}
.gns_mb20 {margin-bottom:20px;}

/* ALLIGNEMENT ************************************************************************************** */
.gns_center {margin:0 auto;}


/* BARRE HORIZONTALE ************************************************************************ */
.gns_hrT1 {
	margin:26px 0;
	padding:0;
	height:2px;
	font-size:1px;
	line-height:1px;
	background:transparent url(../images/bg_br.gif) repeat-x 0 0;
}
.gns_hrT2 {
	margin:21px 50px;
	padding:0;
	height:1px;
	font-size:1px;
	line-height:1px;
	border-bottom:1px dashed #6c767b;
}

/* BLOCK T ************************************************************************************* */
.gns_blockT1 {overflow:hidden; _overflow:visible; zoom:1;}
	.gns_blockT1 .gns_top {
		height:10px;
		background:transparent url(../images/bg_gns_blockT1_top.gif) no-repeat top right;
	}
		.gns_blockT1 .gns_top span {
			display:block;
			height:10px;
			width:10px;
			background:transparent url(../images/bg_gns_blockT1_top.gif) no-repeat 0 0;
		}
	
	.gns_blockT1 .gns_middle {
		padding:2px 10px;
		/*background:transparent url(../images/bg_gns_blockT1_middle.gif) repeat-y 0 0;*/
		border-right:2px solid #d4d4d4;
		border-left:2px solid #c9c9c9;
		overflow:hidden; _overflow:visible; zoom:1;
	}
		.gns_blockT1 .gns_middle p {
			float:left;
			padding-bottom:0;
		}
		.gns_blockT1 .gns_middle span {font-weight:bold;}
			.gns_blockT1 .gns_middle span a {color:#006d93;}
		.gns_blockT1 .gns_middle img {
			float:left;
			margin-right:10px;
		}
	
	.gns_blockT1 .gns_bottom {
		height:10px;
		background:transparent url(../images/bg_gns_blockT1_bottom.gif) no-repeat top right;
	}
		.gns_blockT1 .gns_bottom span {
			display:block;
			height:10px;
			width:10px;
			background:transparent url(../images/bg_gns_blockT1_bottom.gif) no-repeat 0 0;
		}
/* BLOC PAGE TECHNOLOGY - OVERVIEW */
.blockOverview .gns_middle p {width:400px;}
	.blockOverview .gns_middle p ul{width:400px;}
	.blockOverview .gns_middle ul {
		float:left;
		margin-left:0;
		width:400px;
	}

/* BLOC PAGE PARTNERSHIPS */
.blockPartnerships {
	float:left;
	width:274px;
}
	.blockPartnerships .gns_middle {padding:10px;}
	.blockPartnerships .gns_middle p {
		padding-top:15px;
		width:140px;
	}


/* ################################################################################################
	HEADER 1
################################################################################################ */
#gns_header {position:relative;}

	#gns_header h1 {
		float:left;
		padding:28px 0 0 12px;
		width:383px;
	}

	#gns_connect {
		position:absolute;
		right:20px;
		bottom:7px;
	}
		#gns_connect ul {list-style:none;}
			#gns_connect li {float:left;}
				#gns_connect li#gns_lnk_connect {border-right:1px solid #a5a5a5;}
				#gns_lnk_connect a {
					display:block;
					height:11px;
					width:19px;
					text-indent:-5000px;
					background:transparent url(../images/pict_login.gif) no-repeat 0 2px;
				}
					#gns_lnk_connect a:hover {
						background-image:url(../images/pict_login_on.gif);
						background-position:0 0;
					}
				#gns_lnk_home a {
					display:block;
					height:11px;
					width:16px;
					text-indent:-5000px;
					background:transparent url(../images/pict_home.gif) no-repeat 5px 0;
				}
					#gns_lnk_home a:hover {background-image:url(../images/pict_home_on.gif);}


/* ################################################################################################
	MENU 1
################################################################################################ */
#gns_menu1 ul.gns_menu {
	float:right;
	list-style:none;
}
	#gns_menu1 .gns_menu li {
		float:left;
		line-height:27px;
		color:#fff;
		text-align:center;
		background:transparent url(../images/bg_li_menu1.jpg) no-repeat 0 0;
	}
		#gns_menu1 .gns_menu li:first-child {background-position:-2px 0;}
		#gns_menu1 .gns_menu li.gns_menu1_on {background-position:0 -27px;}
		#gns_menu1 .gns_menu li.gns_menu1_on:first-child {background-position:-2px -27px;}
		#gns_menu1 li a {
			display:block;
			color:#fff;
			text-decoration:none;
		}
			#gns_menu1 .gns_menu li a:hover {background:transparent url(../images/bg_li_menu1.jpg) no-repeat 0 -27px;}
/* largeur des li */
#gns_company {width:76px;}
#gns_technology {width:90px;}
#gns_services {width:145px;}
#gns_partnerships {width:104px;}
#gns_references {width:93px;}
#gns_news {width:111px;}

/* SOUS MENU */
#gns_menu1 .gns_sousmenu {
	display:none;
	position:absolute;
	list-style:none;
	padding:1px 0;
	background:#4e97b0;
}
	#gns_menu1 .gns_sousmenu li {
		padding:0 1px;
		background:#4e97b0;
	}
		#gns_menu1 .gns_sousmenu li a {
			display:block;
			padding:0 10px;
			height:20px;
			line-height:18px;
			color:#fff;
			text-align:left;
			text-decoration:none;
		}
			#gns_menu1 .gns_sousmenu li a:hover {
				font-weight:bold;
				background:#e95d0f;
			}

#gns_company_sousmenu {
	top:240px;
	left:137px;
	width:189px;
}
	#gns_company_sousmenu li a {width:167px;/* 189 -20 -2 */}
#gns_technology_sousmenu {
	top:240px;
	left:213px;
	width:90px;
}
	#gns_technology_sousmenu li a {width:68px;/* 90 -20 -2 */}
#gns_services_sousmenu {
	top:240px;
	left:303px;
	width:145px;
}
	#gns_services_sousmenu li a {width:123px;/* 145 -20 -2 */}
#gns_references_sousmenu {
	top:240px;
	left:552px;
	width:162px;
}
	#gns_references_sousmenu li a {width:140px;/* 162 -20 -2 */}


/* ################################################################################################
	MENU 2
################################################################################################ */
#gns_menu2 {
	margin-bottom:20px;
	height:195px;
	width:171px;
	background:transparent url(../images/bg_menu2.gif) no-repeat 0 0;
}

	#gns_menu2 h4 {
		margin-top:0;
		padding-left:10px;
		height:26px;
		line-height:26px;
		font-size:11px;
		color:#fff;
		border-bottom:1px solid #84b7c8;
	}

	#gns_menu2 ul {margin:13px 2px;}
		#gns_menu2 li {
			line-height:18px;
			font-size:10px;
			color:#fff;
			_display:inline;
		}
			#gns_menu2 li a, #gns_menu2 li.gns_menu2_on {
				display:block;
				padding:2px 8px 4px 8px;
				color:#fff;
				text-decoration:none;
				_margin:0;
			}
				#gns_menu2 li a:hover , #gns_menu2 li.gns_menu2_on {
					font-weight:bold;
					background-color:#e95d0f;
				}


/* ################################################################################################
	MENUTOOLS
################################################################################################ */
ul#gns_menuTools {margin-left:0;}
	#gns_menuTools li {
		margin-bottom:1px;
		margin-left:0;
		list-style:none;
	}
	
#gns_bt_tools, #gns_bt_services, #gns_bt_expertise {
	display:block;
	height:50px;
	width:171px;
	text-indent:-5000px;
}
	#gns_bt_tools {background:transparent url(../images/btn_tools.gif) no-repeat 0 0;}
		a#gns_bt_tools:hover {background-image:url(../images/btn_tools_on.gif);}
	#gns_bt_services {background:transparent url(../images/btn_services.gif) no-repeat 0 0;}
		a#gns_bt_services:hover {background-image:url(../images/btn_services_on.gif);}
	#gns_bt_expertise {background:transparent url(../images/btn_expertise.gif) no-repeat 0 0;}
		a#gns_bt_expertise:hover {background-image:url(../images/btn_expertise_on.gif);}


/* ################################################################################################
	HOME
################################################################################################ */
/* COLONNE DE GAUCHE *************************************************************************** */
#gns_menuNews {
	width:171px;
	font-size:10px;
	background:transparent url(../images/bg_blockNews.gif) no-repeat bottom left;
}
	#gns_menuNews ul {
		margin:0;
		padding:0 8px 22px 8px;
		list-style:none;
	}
		#gns_menuNews li {padding-top:14px}
			#gns_menuNews li span {
				display:block;
				font-weight:bold;
				color:#006d93;
			}

#gns_menuPartnerships {
	margin-top:10px;
	width:171px;
	background:transparent url(../images/bg_blockNews.gif) no-repeat bottom left;
}
	#gns_menuPartnerships img {margin:10px 0 22px 5px;}

/* MAINCONTENT ********************************************************************************* */
#gns_mainContentHomeTop h2 {
	padding-left:0;
	text-align:center;
}
#gns_mainContentHomeTop p {padding:0 20px 15px 20px;}
#gns_mainContentHomeTop img, #gns_mainContentHomeTop object {float:left; margin:20px 14px 0 20px;}

/* SIDEBAR ************************************************************************************* */
#gns_sidebar ul {
	margin:0;
	list-style:none;
}

	#gns_bt_toolsBig, #gns_bt_servicesBig, #gns_bt_expertiseBig {
		display:block;
		height:96px;
		width:170px;
		text-indent:-5000px;
	}
		#gns_bt_toolsBig {margin-bottom:5px; background:transparent url(../images/btn_tools_big.gif) no-repeat 0 0;}
			a#gns_bt_toolsBig:hover {background-image:url(../images/btn_tools_big_on.gif);}
		#gns_bt_servicesBig {margin-bottom:5px; background:transparent url(../images/btn_services_big.gif) no-repeat 0 0;}
			a#gns_bt_servicesBig:hover {background-image:url(../images/btn_services_big_on.gif);}
		#gns_bt_expertiseBig {background:transparent url(../images/btn_expertise_big.gif) no-repeat 0 0;}
			a#gns_bt_expertiseBig:hover {background-image:url(../images/btn_expertise_big_on.gif);}


/* ################################################################################################
	COMPANY - MANAGEMENT
################################################################################################ */
.contener_companyMngtL {
	float:left;
	padding-right:14px;
	width:270px;/* 284 */
	background:transparent url(../images/bg_companyMngt.gif) repeat-y top right;
}
.contener_companyMngtR {
	float:left;
	padding-left:14px;
	width:269px;/* 283 */
}
	.contener_companyMngtL img, .contener_companyMngtR img {float:right;}
	.contener_companyMngtL dl, .contener_companyMngtR dl {margin-bottom:42px;}

.contener_companyMngtL dt, .contener_companyMngtR dt {
	margin-bottom:14px;
	font-weight:bold;
	color:#006d93;
}
	.contener_companyMngtL dd , .contener_companyMngtR dd{
		font-size:10px;
		color:#006d93;
	}
		.contener_companyMngtL dd a , .contener_companyMngtR dd a {color:#006d93;}

/* ################################################################################################
	COMPANY - CONTACT
################################################################################################ */
.contener_compagnyContact {
	margin:0 50px;
	width:468px;
}


/* ################################################################################################
	PRODUCTS & SERVICES - EASANA
################################################################################################ */
.gns_list_easana {
	margin:0 auto;
	padding:15px 0 0 45px;
	height:70px;
	width:338px;
	color:#fff;
	background:transparent url(../images/bg_list_easana.gif) no-repeat 0 0;
}
	.gns_list_easana a {color:#fff;}


/* ################################################################################################
	FOOTER 1
################################################################################################ */
#gns_footer a {color:#006d93;}
	#gns_footer a:hover {color:#e95d0f;}

#gns_footer span {
	font-weight:bold;
	color:#e95d0f;
}