html {
	height:100%;
}
body {
	width:100%;
	text-align: center;
	height:100%;
	margin: 0px 10px 80px 10px;
}

#centered {
	margin-left: auto; 
	margin-right: auto;
  	position:relative;
  	text-align:center;
  	
  	width:778px;
  	
  	
}

#cols {
  border: 1px solid #6184b9;
  border-collapse:collapse;
}

#cols TD {
  border-left: 1px solid #6184b9;
}

#colG {
	position:absolute;
	top:-1px;
	left:-1px;
	border-top: 1px solid #6184b9;
	border-left: 1px solid #6184b9;
	border-right: 1px solid #6184b9;
	border-bottom: 0px solid red;
	width:226px;
	height:100%;
}

#colD {
	position:relative;
	top:0px;
	left:226px;
	width:551px;
	height:auto;
	padding-bottom:30px;
	min-height:400px;
	color:black;
	background-color:white;
	border-left: 1px solid #6184b9;
	border-right: 1px solid #6184b9;
	
}

#onglets {
	padding-top:0px;
	padding-bottom:0px;
	height:40px;
}
#hach {
	background-image: url(images/hachures.png);
	background-repeat:repeat-x;
	height:6px;
	border-top:2px solid white;
}

#contenu {
	font-family:arial, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#27428a;
	background-color:white;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	
}

#fin {
	right:0px;
	background-image: url(images/hachures.png);
	height:20px;
	border-top:2px solid white;	
	border-bottom:10px solid white;	
	height:20px;
	width:551px;
}

#fin_picto {
	position:absolute;
	right:0px;
	width:40px;
	color:black;
	background-color:white;
	text-align:center;
	
}

#gknlogo {
	position:absolute;
	left:10px;
	bottom:-45px;
	width:140px;
}

#w3c_xhtml10 {
	position:absolute;
	left:160px;
	bottom:-45px;
	width:88px;
}

#w3c_css {
	position:absolute;
	left:260px;
	bottom:-45px;
	width:88px;

}

.sousmenu {
	position:relative;

	font-family:arial, sans-serif;
	font-size:14px;
	color:#666666;
	background-color:white;
	height:27px;
	}

.sousmenuHR {
	position:relative;
	top:-28px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;

	color:black;
	background-color:white;
	
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top:1px solid #ff7100;
	height:12px;
}

.sousmenuHI {
	
	color:#ff7100;
	background-color:white;
	font-weight:bold;
}

.sousmenuNUM {
	position:relative;
	top:-17px;
	left:490px;
	width:40px;
	color:#ff7100;
	background-color:white;
	font-weight:bold;
	font-size:24px;
}

A {
	padding-left:2px;
	padding-right:2px;	
	line-height: normal; 
}

A:link, A:active, A:visited {
	text-decoration: none;
	color:#27428a;
	background-color:white;
	border-bottom:1px dashed #ff9440;
}

A:hover  {
	text-decoration: none;
	color: white;
	background-color:#27428a;
	border-bottom:0px dashed blue;
}
	
.ongletIMG {
	cursor:pointer;
	border:0;
}

.ongletA, .ongletA:link, .ongletA:active, .ongletA:hover, .ongletA:visited {
	padding-left:0px;
	padding-right:0px;	
	text-decoration: none;
	border-bottom:0px dashed #ff9440;
	background-color:transparent;
}

.txtpara {
	position:relative;
	left:20px;
	border-left:1px dashed #ff9440;
	padding-left: 5px;
	width:95%;
}

.paraicon {
	position:absolute;
	left:-25px;
}

ul {
	
	padding-left:20px;
}
li {
	list-style: none;
/*	list-style-image: url(/images/pictos/puce_fleche.gif);
	list-style-position:outside;
	vertical-align: text-top;
*/
	margin-top:4px;
	margin-bottom:2px;

}

.sommaire {
	float:right;
	border:1px dotted #ff9440;
	padding:5px;
	margin-left : 10px;
	margin-top : 10px;
	
}

.sommaire ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}