/**
 * @title		Global
 */
* {margin:0; padding:0;}
fieldset, img {border:0;}
body {
	margin-top: 5px;
	background:	#A1A595 url(/template/images/bg/bg-page.gif) repeat; color:#6a6a6a;
	font:10px/1.4 Tahoma,Geneva,Verdana,sans-serif; 
}
a {
	color:#679EBC;
	text-decoration:underline;
}
a:hover, a:focus {color:#93D11D;}
#wrapper{
	margin:0 auto;
	width:912px; height:auto;
}
ul, ol {
    list-style:none;
    list-style-position:outside;
}
abbr {
	border:none;
}

/**
 * @section     Header
 * @tree		#header < #wrapper
 */
#header {
	position:relative; z-index:2;
	padding:17px 30px 27px 17px;
	width:800px; height:70px;
	background:url(/template/images/bg/bg-header.png);
}
#logo {
	float:left;
	margin-top:5px; padding-right:1px; padding-left:6px; border:0; border-right:1px solid #658c25;
	outline:none;
}
.sloggan {
	float:left;
	margin-top:3px; padding-left:10px;
	width:15em;
	color:#658C25;
	text-transform:uppercase;
}
#header .menu {
	float:right;
	margin-top:1px; padding-right:7px;
}
#header .menu  a {
	float:right; clear:right;
	margin-bottom:2px; padding-bottom:3px;
	width:100px;
	color:#162985;
	text-align:right; text-decoration:none; text-transform:uppercase;
}
#header .menu  a:hover, #header .menu  a:focus {
	color:#658c25;
}
#header .menu  .first {
	font-weight:bold;
	background:url(/template/images/bg/bg-header-menu.png) no-repeat bottom right;
}
#languages {
	float:right;
	list-style-image:none; list-style-type:none;
	padding-left:10px;
}

/**
 * @section     Navigation
 * @tree		#navigation < #header < #wrapper
 */
#navigation {
	position:absolute; right:30px; bottom:26px;
	list-style:none;
}
#navigation li {
	position:relative;
	float:left;
	margin-right:2px;
	height:26px;
}
#navigation li a {
	display:block;
	height:26px; 
	background:url(/template/images/bg/bg-nav-tab-left.png) no-repeat;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
}
#navigation li span {
	display:block;
	height:26px; 
	background:url(/template/images/bg/bg-nav-tab-left.png) no-repeat;
}
#navigation li .community {
	background:url(/template/images/bg/bg-nav-tab-left-community.png) no-repeat;
}
#navigation li a:hover, #navigation li a:focus  {
	background-position:0 -26px;
	height:26px;
}
#navigation li a span, #navigation li span span {
	display:block;
	padding:6px 11px 0;
	height:20px;
	background:url(/template/images/bg/bg-nav-tab-right.png) no-repeat 100% 0; color:#fff;
	font:10px Tahoma,Geneva,Verdana,sans-serif;
	text-transform:uppercase;
}
#navigation li span span {
	cursor:default;
}
#navigation li .community  span {
	padding-left:18px;
}
#navigation li a:hover span, #navigation li a:focus span {
	background-position:100% -26px;
}
#navigation li ul {
	position:absolute; top:26px; left:0;
}
#navigation li li {
	float:left;
	margin-right:0; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:0;
	overflow:hidden;
}
#navigation li li a {
	display:block;
	padding:5px 30px 5px 5px;
	background-color:#679EBC; background-image:none; color:#fff;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#navigation li li a:hover, #navigation li li a:focus {
	background-color:#122663;
}


/**
 * @section     Body
 * @tree		#body < #wrapper
 */
#body {
	position:relative; z-index:1;
	margin:0px; padding:0 10px;
	width:830px;
	background:url(/template/images/bg/bg-body.gif) repeat-y;
}


/**
 * @section     Acces Produits
 * @tree		#acces < #body < #wrapper
 */
#acces {
	position:absolute; top:0; left:840px;
	margin:0px;	padding:3px 3px 6px 3px;
	width:66px; height:379px;
	background:url(/template/images/bg/bg-access-product.png) no-repeat;
}
#acces .title {
	display:block;
	padding:10px 0 0 10px;
	height:23px;
}
#acces h2 {
	float:left; clear:left;
	padding:0;
	background:none;
}
#acces .legend {
	position:absolute; top:36px; right:5px;
}

/**
 * @section     Core
 * @tree		#core < #body < #wrapper
 */
#core {
	float:right;
	padding:0 25px 10px 10px;
	width:575px;
}
#intro {
	margin-bottom:20px; padding-top:25px;
	height:92px; width:550px;
	background:url(/template/images/bg/bg-intro-ble.jpg) no-repeat;
}
#intro h1 {
	clear:right;
	padding:0 10px 0 0;
	color:#fff;
	font:bold 18px Tahoma,Verdana,Geneva,sans-serif;
	text-transform:uppercase; text-align:right;
}
#intro h1 span {
	padding-left:15px;
	background:url(/template/images/picto/arrow-title-core.gif) no-repeat 0 4px; color:#93D11D;
}
#core #intro p {
	float:right;
	margin:0; padding:0 10px 0 15px;
	background:url(/template/images/picto/arrow-title-core.gif) no-repeat 0 4px; color:#93D11D;
	font:bold 18px Tahoma,Verdana,Geneva,sans-serif;
	text-transform:uppercase; text-align:right;
}

/**
 * @section     Breadcrumbs
 * @tree		#breadcrumbs < #core < #body < #wrapper
 */
#core #breadcrumbs {
	width:550px;
	margin:0 0 10px 0;
}
#core #breadcrumbs  li {
	display:inline;
	margin-right:3px; padding:0;
	background:none;
}
#core #breadcrumbs  li a, #core #breadcrumbs  li span {
	padding-right:11px;
	background:url(/template/images/picto/arrow-small.gif) no-repeat 100% 0;
}

#core h2 {
	clear:left;
	margin-bottom:1em;
	color:#ABD10C;
	font:bold 18px Tahoma,Verdana,Geneva,sans-serif;
}
#core h2.qualiosmanager {
	float:left;
	padding-top:50px;
	width:150px; min-height:50px; 
	background:url(/template/images/picto/btn-formulaire-off.gif) no-repeat; 
}
#core h2.qualiosdoc {
	float:left;
	padding-left:55px;
	width:150px; min-height:50px; 
	background:url(/template/images/picto/btn-gestion-documentaire-off.gif) no-repeat; 
}
#core h2.dashboard {
	padding-left:55px;
	min-height:50px; 
	background:url(/template/images/picto/btn-indicateurs-off.gif) no-repeat; 
}
#core h2.analyse {
	padding-left:55px;
	min-height:50px; 
	background:url(/template/images/picto/btn-analyse-off.gif) no-repeat; 
}
#core h2.qualiostools {
	padding-left:55px;
	min-height:50px; 
	background:url(/template/images/picto/btn-convergence-off.gif) no-repeat; 
}
#core h2#portal {
    clear:left;
    padding:25px 0 0 60px; border-top:1px dotted #888;
    min-height:50px;
    background:url(/template/images/picto/btn-portail-off.gif) no-repeat 0 20px;
}
#core h2  span, #core h3 {
	display:block;
	color:#679EBC;
	font:bold 14px Tahoma,Geneva,Verdana,sans-serif;
}
#core h4 {
	color:#122663;
	font:bold 11px Tahoma,Geneva,Verdana,sans-serif;
}
#core  .subtitle {
	margin-top:-1em; margin-bottom:1em;
	color:#679EBC;
	font:bold 14px Tahoma,Geneva,Verdana,sans-serif;
}
#core  .push {
	float:right;
	margin-left:10px;
}
#core  .col {
	float:left;
	margin-right:15px; margin-bottom:2em;
	width:272px;
	text-align:justify;
}
#core  .right {
	margin-right:0;
}
#core li {
	padding-left:15px;
	background:url(/template/images/picto/arrow-small.gif) no-repeat;
}
#core p {
	margin:1em 0;
}
#core img {
	margin:1em 0;
}
#core .sep {
	position:relative;
	clear:both;
	margin-top:2em; padding:1em 0; border-top:1px solid #888;
}
#core .sep a {
	position:relative; top:-20px;
	float:right;
	padding-top:4px; padding-left:20px;
	width:70px; height:15px;
	background:url(/template/images/bg/bg-top.png) no-repeat 0 0; color:#555;
	font:normal 8px Arial,sans-serif;
	text-transform:uppercase; text-decoration:none;
	text-align:center;
}
#core .sep a:hover, #core .sep a:focus {
	background-position:-90px 0;
}
.sepdot {
	clear:left;
	margin:2em 0; border-top:1px dotted #888;
}
.iexplorer {
	padding-left:35px;
	min-height:30px;
	background:url(/template/images/logo/logo-iexplorer-2.gif) no-repeat; 
}
.idea {
	padding-left:30px;
	min-height:35px;
	background:url(/template/images/picto/picto-idea.gif) no-repeat; 
}
.search {
	padding-top:12px; padding-left:50px;
	min-height:28px;
	background:url(/template/images/picto/picto-search.gif) no-repeat;
}

/**
 * @section     Exemple list
 * @tree		.exemples < #core < #body < #wrapper
 */
#core .exemples  { 
	margin-top:1em;
}
#core .exemples li {
	padding-left:0;
	background:none;
}
#core .exemples li span {
	display:block;
	padding-left:5px; border-bottom:1px solid #A1A595;
	background:#122663; color:#fff;
	font-weight:bold;
}
#core .exemples li li {
	border-bottom:none;
	background:#fff; color:#6a6a6a;
}

/**
 * @section     Features table
 * @tree		.features < #core < #body < #wrapper
 */
#core .features {
	font-size:10px; font-weight:normal;
}
#core .features  img {
	margin:0;
}
#core .features thead th {
	width:80px; height:20px;
	background:#7ba812; color:#fff;
	vertical-align:middle;
	font-weight:normal;
}
#core .features tfoot td {
	height:40px;
	font-style:italic;
	text-align:left;
	vertical-align:middle;
}
#core .features tbody td {
	padding:3px 0;
	width:80px;
	text-align:center;
	vertical-align:middle;
}
#core .features tbody .odd td, #core .features tbody .odd th {
	background:#F3FBDB;
}
#core .features tbody th {
	text-align:right;
	vertical-align:middle;
	font-weight:normal;
}

/**
 * @section     QualiosDoc
 * @tree		#qualiosDoc < #core < #body
 */
#qualiosDoc {
	float:left;
	margin-right:10px; margin-bottom:10px; padding-bottom:9px;
	width:140px;
	background:url(/template/images/bg/bg-box-doc-footer.gif) no-repeat bottom center;
}
#qualiosDoc h3 {
	padding-top:7px; padding-left:40px;
	height:28px;
	background:url(/template/images/bg/bg-box-doc-header.png) no-repeat; 
}
#qualiosDoc h3  a {
	font:bold 14px Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#fff;
	text-decoration:none; letter-spacing:.05em;
}
#qualiosDoc h3 span {
	font-weight:normal;
}
#qualiosDoc p {
	margin:0;
}
#qualiosDoc .content {
	position:relative;
	padding-right:7px; padding-left:8px;
	background:url(/template/images/bg/bg-box-doc.gif) repeat-y; 
	width:125px; height:90px;
}
#qualiosDoc  .content .more {
	position:absolute; bottom:0; left:35px; 
	display:block;
	padding-top:2px; padding-left:10px;
	width:61px; height:15px;
	background:url(/template/images/bg/bg-more.png) no-repeat; color:#12254a;
	text-decoration:none;
}
#qualiosDoc  .content .more:hover, #qualiosDoc  .content .more:focus {
	color:#2c67b5;
}

/**
 * @section     QualiosManager
 * @tree		#qualiosManager < #core < #body
 */
#qualiosManager {
	float:left;
	padding-bottom:9px;
	width:171px;
	background:url(/template/images/bg/bg-box-manager-footer.gif) no-repeat bottom center;
}
#qualiosManager h3 {
	padding-top:7px; padding-left:40px;
	height:28px;
	background:url(/template/images/bg/bg-box-manager-header.png) no-repeat;
}
#qualiosManager h3 span {
	font-weight:normal;
}
#qualiosManager h3  a {
	font:bold 14px Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#fff;
	text-decoration:none; letter-spacing:.05em;
}
#qualiosManager p {
	margin:0;
}
#qualiosManager .content {
	position:relative;
	padding-right:7px; padding-left:8px;
	background:url(/template/images/bg/bg-box-manager.gif) repeat-y;
	width:156px; height:90px;
}
#qualiosManager  .content .more {
	position:absolute; bottom:0; left:45px; 
	display:block;
	padding-top:2px; padding-left:10px;
	width:61px; height:15px;
	background:url(/template/images/bg/bg-more.png) no-repeat; color:#12254a;
	text-decoration:none;
}
#qualiosManager  .content .more:hover , #qualiosManager  .content .more:focus {
	color:#2c67b5;
}

/**
 * @section     Aside
 * @tree		#aside < #body < #wrapper
 */
#aside {
	float:right;
	padding:0 10px 10px 19px;
	width:191px;
}
#aside .push, #core .push {
	padding:10px 13px;
	width:165px;
	background:url(/template/images/bg/bg-aside-push.png) no-repeat;
}
#aside .push  h2, #core .push  h2 {
	padding-left:15px;
	background:url(/template/images/picto/arrow-title-aside.png) no-repeat 0 2px; color:#122663;
	font:bold 14px Tahoma,Verdana,Geneva,sans-serif;
}

#aside .push  ul, #core .push  ul {
	margin-top:1em;
}
#aside .push  li, #core .push  li {
	padding-left:15px; padding-bottom:.3em;
	background:url(/template/images/picto/arrow-small.gif) no-repeat;
}
#aside .emphasis {
	background:url(/template/images/picto/arrow-list-blue.gif) no-repeat 0 2px;
	text-indent:15px;
}
#aside .info {
	margin:1.4em 0; padding-left:20px;
	min-height:21px;
	background:url(/template/images/picto/info.gif) no-repeat;
}
#aside h3.workflow a {
	display:block;
	padding-top:10px; padding-left:53px;
	height:40px;
	background:url(/template/images/picto/btn-workflow-off.gif) no-repeat;
	font-size:11px;
	text-decoration:none;
}
#aside h3.workflow a:hover, #aside h3.workflow a:focus {
	background:url(/template/images/picto/btn-workflow-on.gif) no-repeat;
}
#aside h3.dashboard a {
	display:block;
	padding-top:10px; padding-left:53px;
	height:40px;
	background:url(/template/images/picto/btn-indicateurs-off.gif) no-repeat;
	font-size:11px;
	text-decoration:none;
}
#aside h3.dashboard a:hover, #aside h3.dashboard a:focus {
	background:url(/template/images/picto/btn-indicateurs-on.gif) no-repeat;
}

/**
 * @section     Aside Contact
 * @tree		#contact < #aside < #body < #wrapper
 */
#contact{
	padding:10px 13px;
	width:165px;
}
#contact .address {
	margin:10px 0; padding:10px 0 10px 15px; border-top:1px dotted #888; border-bottom:1px dotted #888;
	background:url(/template/images/picto/arrow-list-blue.gif) no-repeat 0 11px;
}
#contact .tel {
	color:#106D99;
	font-size:14px; font-weight:bold;
	text-align:center;
}
#contact .address  .tel {
	font-size:11px;
}
#contact .contact {
	display:block;
	margin:50px 0; padding:10px 10px 10px 60px;
	width:94px; height:48px;
	background:url(/template/images/bg/bg-btn-contact-off.png) no-repeat; color:#6a6a6a;
	font-size:11px;
	text-decoration:none; line-height:1;
}
#contact .contact:hover, #contact .contact:focus {
	background:url(/template/images/bg/bg-btn-contact-on.gif) no-repeat;
}
#contact .contact span {
	color:#162985;
	font-weight:bold;
}

/**
 * @section     Compatibility
 * @tree		#compatibility < #aside < #body
 */
#compatibility {
	padding:10px 13px;
	width:165px;
}
#compatibility p {
	text-align:center;
}
#compatibility div {
	margin-bottom:15px;
}
#compatibility .sepdot {
	margin:0;
}
#compatibility span {
	display:block;
	padding-left:5px; border-left:1px solid #000;
	color:#000;
	font:normal 12px Tahoma,Geneva,Verdana,sans-serif;
}
#compatibility strong {
	display:block;
}
#compatibility  .windows {
	padding:10px 0 10px 50px;
	height:30px;
	background:url(/template/images/logo/logo-windows.gif) no-repeat;
}
#compatibility  .linux {
	padding:10px 0 10px 50px;
	height:30px;
	background:url(/template/images/logo/logo-linux.gif) no-repeat;
}
#compatibility  .iExplorer {
	margin-left:15px; padding:0 0 0 30px;
	height:30px;
	background:url(/template/images/logo/logo-iexplorer.gif) no-repeat;
}
#compatibility  .oracle {
	margin-left:15px; padding:0 0 0 30px;
	height:30px;
	background:url(/template/images/logo/logo-oracle.gif) no-repeat;
}
#compatibility  .sqlServer {
	margin-left:15px; padding:0 0 0 30px;
	height:30px;
	background:url(/template/images/logo/logo-sql-server.gif) no-repeat;
}

/**
 * @section     Footer
 * @tree		#footer < #wrapper
 */
#footer {
	padding:10px;
	background:url(/template/images/bg/bg-footer.gif) no-repeat top center; color:#4a4a4a;
}
#footer a {
	color:#213C5A;
	font-weight:bold;
}
#footer a:hover, #footer a:focus {
	text-decoration:none;
}

/**
 * @section     Clearing
 */
#body:after, #core  .col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}