
<?
	function parseIE($property, $moz_value, $ie_value) {
		$br = strtolower($_SERVER['HTTP_USER_AGENT']); // what browser they use.
		if(ereg("msie", $br)) {
			if ( $ie_value != "")
				echo $property.":".$ie_value.";\r\n";
		}
		else {
			if ( $moz_value != "")
				echo $property.":".$moz_value.";\r\n";
		}
	}
?>
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;
  	
  	<? parseIE("width", "778px", "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;
	<? parseIE("left", "226px", "114px"); ?>
	<? parseIE("width", "551px", "551px"); ?>
	<? parseIE("height", "auto", "431px"); ?>
	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;
	<? parseIE("padding-top", "10px", "0px"); ?>
	
}

#fin {
	<? parseIE("right", "0px", "1px"); ?>
	background-image: url(images/hachures.png);
	<? parseIE("height", "20px", "32px"); ?>
	border-top:2px solid white;	
	border-bottom:10px solid white;	
	height:20px;
	<? parseIE("width", "551px", "550px"); ?>
}

#fin_picto {
	position:absolute;
	<? parseIE("right", "0px", "-1px"); ?>
	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;
	<? parseIE("height", "27px", "30px"); ?>
	<? parseIE("width", "", "525px"); ?>
}

.sousmenuHR {
	position:relative;
	<? parseIE("top", "-28px", "6px"); ?>
	<? parseIE("margin-right", "0px", "-6px"); ?>
	<? parseIE("margin-top", "0px", "-6px"); ?>
	<? parseIE("margin-bottom", "0px", "-6px"); ?>
	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 {
	<? parseIE("position", "relative", "absolute"); ?>
	<? parseIE("top", "-17px", "-3px"); ?>
	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 {
	<? parseIE("cursor", "pointer", "hand"); ?>
	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;
}