﻿a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

#center {
	position: relative;
	margin-left: auto;
    margin-right: auto;
    width:1030px;
    z-index:1;
}

/* Centrage du layout dans la page */
body {
    margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug */
	background-image: url("App_Themes/Default/images/fond.gif") ; 
	background-repeat: repeat-x ;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#KRIOS-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1027px;
	height:23px;
	z-index:2;
}

#KRIOS-02 {
	position:absolute;
	left:0px;
	top:23px;
	width:13px;
	height:597px;
	z-index:2;}

#KRIOS-03 {
	position:absolute;
	left:13px;
	top:23px;
	width:27px;
	height:580px;
	z-index:2;
}

#KRIOS-04 {
	position:absolute;
	left:40px;
	top:24px;
	width:13px;
	height:139px;
	z-index:2;
}

#KRIOS-05 {
	position:absolute;
	left:53px;
	top:23px;
	width:284px;
	height:122px;
	z-index:2;
}

#KRIOS-06 {
	position:absolute;
	left:337px;
	top:23px;
	width:130px;
	height:102px;
	z-index:2;
}

#KRIOS-07 {
	position:absolute;
	left:467px;
	top:23px;
	width:518px;
	height:44px;
	text-align: left;
	background: url(App_Themes/Default/images/KRIOSBase_07.png) 100% 100% no-repeat;
	z-index:2;
}

#Connect-Login
{
	position:absolute;
	left:6px;
	top:3px;
	width:350px;
	height:35px;
	z-index:3;
	font-size:12px;
	color:White;
	text-align:left;
	text-decoration:none;
}
#Connect-Login-1
{
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	height:35px;
	z-index:4;
	font-size:12px;
	color:White;
	text-align:left;
	text-decoration:none;
}
#Connect-Login-2
{
	position:absolute;
	left:160px;
	top:0px;
	width:120px;
	height:35px;
	z-index:4;
	font-size:12px;
	color:White;
	text-align:left;
	text-decoration:none;	
}
#Connect-Login-3
{
	position:absolute;
	left:315px;
	top:17px;
	width:40px;
	height:15px;
	z-index:4;
	font-size:12px;
	color:White;
	text-align:left;
	text-decoration:none;	
}
a.connect
{
    color:White;
}
input.connect
{
    font-size:12px;
    width:140px;
}
#Connect-Assistance
{
	position:absolute;
	left:357px;
	top:3px;
	width:84px;
	height:15px;
	z-index:3;
	text-align:center;
	font-size:12px;
	color: White;
	text-decoration:none;
}
a.assist
{
    color:White;
}
#Connect-Lang
{
	position:absolute;
	left:445px;
	top:3px;
	width:70px;
	height:15px;
	text-align:center;
	font-size:12px;
	color: White;
	text-decoration:none;
	z-index:3;
}
a.lang
{
    color:White;
}

#KRIOS-08 {
	position:absolute;
	left:985px;
	top:23px;
	width:28px;
	height:597px;
	z-index:2;
}

#KRIOS-09 {
	position:absolute;
	left:1013px;
	top:23px;
	width:14px;
	height:597px;
	z-index:2;
}

#KRIOS-10 {
	position:absolute;
	left:467px;
	top:63px;
	width:171px;
	height:62px;
	z-index:2;
}

#KRIOS-11 {
	position:absolute;
	left:638px;
	top:63px;
	width:347px;
	height:27px;
	z-index:2;
}
#State-Text
{
	position:absolute;
	left:5px;
	top:3px;
	width:150px;
	height:15px;
	z-index:3;
}
#State-Img
{
	position:absolute;
	left:5px;
	top:19px;
	width:337px;
	height:5px;
	z-index:3;
}

#KRIOS-12 {
	position:absolute;
	left:638px;
	top:90px;
	width:347px;
	height:35px;
	z-index:2;
}

#KRIOS-13 {
	position:absolute;
	left:337px;
	top:126px;
	width:648px;
	height:37px;
	text-align: left;
	z-index:2;
}

#KRIOS-14 {
	position:absolute;
	left:53px;
	top:146px;
	width:284px;
	height:17px;
	z-index:2;
}

#KRIOS-15 {
	position:absolute;
	left:40px;
	top:162px;
	width:945px;
	height:14px;
	z-index:2;
}

#KRIOS-16 {
	position:absolute;
	left:40px;
	top:176px;
	width:14px;
	height:427px;
	z-index:2;
}

#KRIOS-17 {
	position:absolute;
	left:54px;
	top:176px;
	width:121px;
	height:413px;
	background: url(App_Themes/Default/images/KRIOSBase_17.png) 100% 100% no-repeat;
	z-index:2;
}
#Menu-Main
{
	position:absolute;
	left:10px;
	top:2px;
	width:111px;
	height:403px;
	z-index:3;
}
li.Menu1
{
    text-decoration: none;
    text-align: left;
    text-indent: -40px;
    color: Black;
    font-weight: bold;
    list-style-image: none;
    list-style-type: none;
    line-height:30px;    
}
li.Menu2
{
    text-decoration:none;
    text-indent:-70px;
    text-align:left;
    color:Black;
    font-style:italic;
    list-style-image:none;
    list-style-type:none;
    line-height:17px;    
}
a.Menu1
{
    text-decoration: none;
    text-align: left;
    text-indent: -40px;
    color: Black;
    font-weight: bold;
    list-style-image: none;
    list-style-type: none;
    line-height:30px; 
    color:Black;
}
a.Menu2
{
    color:Black;
}

#KRIOS-18 {
	position:absolute;
	left:175px;
	top:176px;
	width:14px;
	height:413px;
	background-image: url("/App_Themes/Default/images/blank.png") ; 
	background-repeat: repeat ;
	z-index:2;
}
#KRIOS-20 {
	position:absolute;
	left:971px;
	top:176px;
	width:14px;
	height:427px;
	z-index:2;
}

#KRIOS-HP-Img {
	position:absolute;
    left:0px;
    top:0px;
    width:782px;
    height:411px;
	z-index:6;
}

#KRIOS-HP-Flash {
	position:absolute;
	left:0px;
	top:386px;
	width:782px;
	height:20px;
	background-repeat: repeat ;
	z-index:6;
	color:#5482AB;
	font-size:16px;
}
a.KRIOS-HP-Flash
{
    color:#5482AB;
    text-decoration:none;
}

#KRIOS-Content {
	position:absolute;
	left:189px;
	top:176px;
	width:782px;
	height:411px;
	background-image: url("/App_Themes/Default/images/blank.png") ; 
	background-repeat: repeat ;
	z-index:5;
	
	display:block;
	overflow:auto;
	/*overflow-y: auto;
	overflow-x: hidden;*/
	margin-bottom:0.1em;
	min-height:10px;
	min-width:10px;
	max-height:411px;
	max-width:774px;
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;

}

#KRIOS-22 {
	position:absolute;
	left:40px;
	top:589px;
	width:931px;
	height:14px;
	z-index:2;
}

#KRIOS-23 {
	position:absolute;
	left:13px;
	top:603px;
	width:972px;
	height:17px;
	z-index:2;
}

#KRIOS-24 {
	position:absolute;
	text-align:right;
	left:635px;
	top:610px;
	width:350px;
	height:20px;
	z-index:2;
	font-size : 9px;
	color: #BBBBBB;
}

#skin1-zone1
{
    position:absolute;
    left:0px;
    top:0px;
    width:782px;
    height:411px;
    text-align:left;
    z-index:6;
}

#skin2-zone1
{
    position:absolute;
    left:20px;
    top:10px;
    width:760px;
    height:390px;
    text-align:left;
    z-index:6;
}

#skin3-zone1
{
    position:absolute;
    left:20px;
    top:10px;
    width:360px; 
    text-align:left;
    z-index:6;
    color: #3086B7;
}
#skin3-zone2
{
    position:absolute;
    left:400px;
    top:20px;
    width:360px;
    padding-bottom:10px;
    text-align:left;
    z-index:6;
    color: #3086B7;
}

#skin4-zone1
{
    position:absolute;
    left:20px;
    top:10px;
    width:360px;
    height:90%;
    text-align:left;
    z-index:6;
}
#skin4-zoneright
{
    position:absolute;
    top:20px;
    left:400px;
    z-index:6;
}
#skin4-zone2
{
    margin-bottom:20px;
    width:370px;  
    text-align:left;
    z-index:6;
}
#skin4-zone3
{
    width:370px;
    text-align:left;
    z-index:6;
}

#Content-News
{
    position:absolute;
    left:18px;
    top:18px;
    width:360px;
    height:380px;
    text-align:left;
    z-index:6;
}

#Content-News-Details
{
    position:absolute;
    top:18px;
    left:400px;
    width:370px;
    height:380px;
    text-align:left;
    z-index:6;
}

/* ************************ Popup ************************ */


#popup_main
{
    position:absolute; 
    left:12px; 
    top:12px; 
    z-index:1; 
    text-align:left;  
    width:309px; 
    height:425px; 
    display:block; 
    overflow:auto; 
    margin-bottom:0.1em; 
    min-height:10px; 
    min-width:10px; 
    max-height:425px; 
    max-width:309px; 
    padding-top:4px; 
    padding-left:4px; 
    padding-right:4px; 
    padding-bottom:4px;
}


#popup_main_img
{
	position:absolute; 
    left:12px; 
    top:12px; 
    z-index:1; 
    text-align:left;  
}



/* ************************ Affichage des textes ************************ */
h1 {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: left;
	line-height:16px;
	padding-bottom: 8px;
}

h2 {
	padding: 0;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

body {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #3086B7;
}