/* -------------------------------------------------------
* CSS Screen pour Novalsys.com
* Auteur : Erwann Ser
----------------------------------------------------------
*/
body {
	background: #E5E5E5;
	margin:0; 
	padding:0;
	font: 80%/1.5 Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333333;
	}
#container {
	position:relative;
	background:#FFF;	
	width: 950px;
	text-align:left;
	margin: 14px auto 0;
	min-height: 520px;
	}

/*RUB ACTIVES*/
#product_ecn li#prod a, #product_eaa li#prod a, #product_esl li#prod a, #product_ecg li#prod a,  #products li#prod a, #references li#ref a, #about li#abt a, #support li#sup a {background-position: 0 -25px; color:#FFF}
#home ul li#hom a, #contact ul li#ctc a {background-position: 0 -25px; color:#FFF}


/*=--------------------------------- ELEMENTS COMMUNS ----------------------------------*/

h1, h2, ul {margin: 0}
h1 {
	border-bottom: 1px solid #BBB; 
	padding-bottom: 7px; 
	margin: 10px 15px 15px 0; 
	}
#logo {
	display:block;
	padding: 30px 0 0 20px; 
	}
h2 {
	color:#006789;
	margin-right: 15px;
	margin-bottom: .4em;
	font-size: 1.7em;
	font-weight: normal;
	border-bottom: 1px solid #9DC2CE;
	}

h3 {
	font-size: 1.4em;
	color:#222;
	font-weight: normal;
	margin-bottom: 0;
	}

.prod h2 {
	margin-right: 0;
	border:none;
	}

#home h2 {
	margin-right: 0;
	border:none;
	}

#home h3 {border: none;}
a img {border: none}

.left {float:left}
.right {float:right}
.clear {clear:both;}
ul {
	list-style:square; 
	padding-left: 55px;
	}
.sections ul ul li{
	list-style: none; 
	background:url(../images/under_bullet.gif) no-repeat 0 .8em;
	padding-left: 15px !important;
	}
.sections ul ul {padding-left: 15px !important}

p {margin-top: .3em}
.formatcontext {overflow:hidden;}


/*LIENS
=--------------------------------------=*/
a {
	color: #006789; 
	padding: 0 1px 1px;
	}
a:visited {color: #666}
a:hover {text-decoration:none}
a.off:hover {background: none}

.hidden {
height:1px;
left:-2000em;
overflow:hidden;
position:absolute;
top:-2000em;
width:1px;
}	
/*=------------------------------------------------- H E A D E R ------------------------------------------------*/
#header {margin-bottom: 35px;}

#acc_header {
	height: 282px; 
	font-size: .95em;
	background: #DEF0F5 url(images/news_links_bg.png) repeat-x bottom;
	border-top: 1px solid #d8edf1;
	margin-bottom: 25px;
	}
#utils-menu {
	position:absolute; 
	right: 0; 
	top: 5px;
	margin:0;
	width:430px;
	}
#crnr {position:absolute; right:0; top:0}
.btns {background: #007091; color:#FFF; border-color: #d0f4ff #38a8c9 #38a8c9 #d0f4ff; }


/*MENU
=-------------------------*/
#menu {
	position:absolute;
	right: 15px;
	top: 62px;
	height: 25px;
	}
#menu li {
	display: inline; 
	position:relative; 
	z-index:2;
	}
#menu li a {
	float:left; 
	height: 25px; 
	line-height: 25px;
	background: url(../images/menu_bg.png) repeat-x;
	border-right: 1px solid #9F9F9F; 
	}
#menu li a:hover, #menu a:focus {background-position: 0 -25px; color:#FFF}
#menu li#hom {text-align:center;}
#menu li#hom a {
	background:url(../images/menu_acc.png) no-repeat; 
	width: 40px;
	}
#menu li#ctc a {
	background:url(../images/menu_ctc.png) no-repeat; 
	border: none;
	width: 47px;
	}
#menu li#hom a:focus, #menu li#hom a:hover, #menu li#ctc a:focus, #menu li#ctc a:hover {background-position: 0 -25px}


#menu a {
	background: #fff;
	padding: 0 10px; 
	text-decoration: none;
	color: #3A3A3A;
	}
#utils-menu {
	position:absolute; 
	right: 15px; 
	top: 15px;
	margin:0;
	}
#utils-menu ul {margin-right: 15px;}
#utils-menu li {
	float:left; 
	list-style: none;
	}
#utils-menu li a {padding:0 3px}

#crnr {position:absolute; right:0; top:0}


 /*=---------------------------------- C O N T E N U -------------------------------------*/

.sections {
	float:left; 
	width: 40%;
	padding: 5px 15px 10px 20px;
	}
#home .sections, #products .sections  {width: 415px;}
	
.prod {
	background: #f9fdff url(../images/products_bg.gif) repeat-x bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #76B8C9;
}
#navprod li { list-style:none }
#navprod a {
	display:block;
	width: 100px;
	line-height: 1.8em;
	height: 1.8em;
	border-bottom: 1px solid #AAA;
	text-decoration: none;
	padding: 0 4px;
	}
#navprod a:hover {background: #007091; color:#FFF;}

#contact h2 {font-size: 1.2em; margin-bottom:0 }
#contact p { margin-top: .4em }
#products h3 {border:none}
#product_ecn h2, #product_eaa h2, #product_esl h2, #product_ecg h2 {
	background:#edf7f9;
	border-top: 1px solid #72AAB8;
	border-bottom: 1px solid #72AAB8;
	font-weight: normal;
	font-size: 1.6em;
	padding-left: 7px;
	color: #00536F;
	margin-left: -5px;
	text-transform:uppercase;
	}
#product_ecn .sections, #product_eaa .sections, #product_esl .sections, #product_ecg .sections {width: 346px;}
#product_ecn h1, #product_eaa h1, #product_esl h1, #product_ecg h1 {padding-bottom: 3px}

/*RUB ACTIVES*/
#product_ecn #ecn, #product_eaa #eaa, #product_esl #esl, #product_ecg #ecg {background: #007091; color:#FFF; cursor: default}


/*HOME.ASP
-----------------------------------------------*/
#home .sections {font-size: .9em;}

#intro {
	width: 425px;
	min-height: 187px; 
	font-size:1.1em; 
	height:100%;
	}
#acc_header h2 {
	background:#f7fbfc; 
	padding-left: 5%; 
	height: 36px;
	}
.formatcontext h2 img {margin-top: 8px}
#news, #links {
	color: #00536A;
	height:100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A0CBD8;
}
#links {width: 217px;}
#news {width: 305px;}
#news ul, #links ul {
	margin-top: 10px; 
	margin-right: 10px; 
	padding-left: 27px;
	}
#contacts ul {padding-left:10px;}
#contacts li {float:left; list-style: none;}
#contacts li a {padding: 0 5px;}


/*PRODUCTS
------------------------------------------------------------------*/

#features .sections li {
	line-height: 1.3em; 
	padding: .3em 0;
	border-bottom: 1px solid #DDD;
	}
#navprod li {margin-bottom: 0}
#features {
	font-size: .95em;
	background-color: #F7F7F7;
	color:#222;
}
#product_esl ul {padding-left: 25px}

#features h3 {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: .4em;
	margin-right:0;
	font-size: 1.2em;
	padding: 3px 6px 3px;
	font-weight: bold;
	background: #FFF;
	color:#507500;
	}

/*=------------------------------------- F O O T E R -----------------------------------*/

#footer {
	padding: 4px 1%;
	background-color: #005771;
	margin-top: 25px;
	color:#FFF;
	font-size: .9em;
	}
#footer p {margin:0;}