body {
	background:url(images/page_bg.jpg) top left repeat-x #e2e2e2;
	margin:0;
	padding:0;
	font-family:arial,  helvetica, sans-serif;
	font-size:9pt;
	color:#333;
}

#container {
	width:900px;
	margin:20px auto 20px auto;
	border:1px solid #000;
	background:#fff;
}
/*#77a13d*/
#header {
	height:160px;
	background:url(images/banner.jpg) top left repeat-x #060;
	border-bottom:15px solid #060;
}
#content {
	width:640px;
	padding:10px;
	float:right;
}
#content h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family:georgia;
	font-weight:normal;
}

#content h2 {
	color:#060;
	font-size:18pt;
	border-bottom:1px solid #ccc;
}

#content h3 {
	color:#333;
	font-size:12pt;
}

#photos {
	width:428px;
	height:224px;
	margin:10px auto 10px auto;
	position:relative;
	padding:10px;
	background:#f2f7e9;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.imgbox {
	width:75px;
	height:75px;
	border:1px solid #77A13D;
	background:#f1f1f1;
	margin:15px;
	float:left;
	display:inline;
}

#sidebar {
	width:200px;
	padding:10px;
	float:left;
	margin:0;
}

#sidebar ul {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
	 

#sidebar ul li {
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #ccc;
	border-bottom:none;
	display:block;
	padding:3px;
	width:192px;
	background:url(images/li-off.jpg) top left no-repeat #f2f7e9;
	text-indent:30px;
	text-decoration:none;
}

#sidebar ul li a {
	padding:3px;
	width:192px;
	color:#060;
	text-indent:30px;
	text-decoration:none;
}

.widget {
	height:60px;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:5px;
	text-align:center;
	margin:10px 0 0 0;
	font-size:8pt;
}	

#footer {
	clear:both;
	border-top:1px solid #000;
	background:#77a13d;
	padding:10px;
	color:#fff;
	font-size:8pt;
	text-align:center;
}

a {
	color:#060;
	font-weight:bold;
}

a:hover {
	background:#FFFFDD;
}
.tableau
{
background-color:#f2f7e9;
border:1px solid #ccc;
color:#333366;
font-size:12px;
}
.tableau tr td
{
background-color:#f2f7e9;
border:1px solid #ccc;
}
.special
{
text-align:center;
border:1px solid #ccc;
font:13px;
font-weight:bold;
/*background-color:#FF9933;*/
background-color:#FFFF99;

}
.ok ul ul {display: none; position: absolute; left: 199px; top: -1px; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
.ok		li {list-style-type: none; position: relative; width: 198px;  padding: 2px; margin: 0px; display:block;}
.ok	li:hover, li.sfhover {}
.ok	li:hover ul.niveau2, li li:hover ul.niveau3, li.sfhover ul.niveau2, li li.sfhover ul.niveau3 {display: block}
.ok	li.plus {background-position:right; background-image: url(illustrations/fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}


#navcontainer {
text-align:right;
width : 100%;
margin:0px;
padding:0px;
float:left;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #060;
color : #fff;
margin:0px;
padding:0px;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #060;
color : #fff;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}