*{ 
margin:0; padding:0;
border:none;
outline:none;
}

ul { list-style: none; }

html{
font-size: 9pt;
font-family: "Trebuchet MS";
}
#container{
z-index:1;
position:absolute;
width: 980px;
left:50%;
margin-left: -500px;
padding-bottom:30px;
}
#header {
background: transparent url("../images/header.png") no-repeat top left;
height: 204px;
margin-bottom:-2px;
}
#header-topleft {
background: #fff url("../images/header-back.png") repeat-x top left;
height: 250px;
z-index: 0;
position:absolute;
width: 50%;

}

#header-back {
background-color: #333543;
height: 230px;
z-index: 0;
position:absolute;
width: 100%;
}

#logo span {
display: none;
}

#page{
clear:both;
}

.hidden {
display: none;
}


#sidebar h3.title {
	background: transparent url("../images/sidebar-title.png") no-repeat;
	height: 42px;
	margin-top: 20px;
	padding: 4px 0 0 45px;
	color: #eee;
	font-size:1em;
text-transform: uppercase;

}

#sidebar {
	background: transparent url("../images/sidebar-back.png") repeat-y;
	width:233px;
	float:right;
	margin-right: 16px;
	padding-bottom: 20px;
	position: relative;
}

#sidebar ul, #sidebar p {
	margin-left: 23px;
	font-size: 1em;
	padding-right: 20px;
}

a { text-decoration: none; color: #5d6bab; }

#sidebar ul li {
	margin-bottom: 7px;
	font-size: 0.88em;
	background: transparent url("../images/sidebar-puce.png") no-repeat 0 5px;
	padding-left: 10px;
	font-weight: bold;
}
#content ul li {
background: transparent url("../images/sidebar-puce.png") no-repeat 0 6px;
padding-left: 15px;
padding-bottom: 5px;
}

#content ul {
padding: 20px 20px;
margin-bottom: 10px;
background-color: #f9f9fa;
}

#sidebar #sidebar-bottom {
	background: transparent url("../images/sidebar-bottom.png") no-repeat;
	height: 9px;
	position: absolute;
	bottom:0;
	width: 100%;
}


#top-menu {
position: absolute;
top: 15px; left: 10px;
height: 50px;
}

#top-menu ul {
float: left;
}

#top-menu li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 0.9em;
}

#top-menu li, #top-menu div {
float: left;
padding-top: 15px;
height: 35px;
width: 81px;
padding-right: 10px;
text-align:center;
}

#top-menu li.active , #top-menu li:hover{
background: transparent url("../images/big-menu-selected.png") no-repeat;
}

#top-menu li.active a, #top-menu li:hover a {
color: #1d2b7b;
}

#footer {
width: 932px;
height: 72px;
clear:both;
background: transparent url("../images/footer.png") no-repeat;
float:right;
margin-right: 22px;
color: #fff;
font-weight: bold;
font-family: "Calibri";
}

#footer p {
margin: 34px 20px 0 250px;
}

#footer p span {
margin-right: 10px;
padding-right: 10px;
border-right: 1px dotted #99b;
}

#footer a {
color: #e0e0bb;
}


#content {
margin: 0 275px 10px 45px;
padding-top: 20px;
line-height: 150%;
color: #556F7C;
}

#content p {
margin-bottom: 10px;
}

#content .ref {
float:left;
margin: 20px 20px 0 0;
width: 200px;
}

#content .ref p {
font-size: 0.9em;
margin-bottom: 5px;
}

#content .ref h4 {
font-size: 1em;
padding-bottom: 5px;
font-family: Calibri;
padding-top: 5px;
color: #999;
}

#content .ref:hover h4 {
color: #222;
}

#content .ref img {

}

#content h3 {
font-size: 2em;
font-family: "Calibri";
color: #414bef;
margin-bottom: 15px;
}

#content h3 em {
text-transform: none;
color: #293263;
}

#big-menu {
background: transparent url("../images/big-menu.png") no-repeat top left;
height: 132px;
float:right;
padding-top: 10px;
width: 982px;
}

#big-menu .part {
width: 150px;
height: 120px;
float: left;
margin-left: 70px;
padding-left: 10px;
color: #999;
font-family: "Trebuchet MS";
font-weight: bold;

}

#big-menu h2 {
font-family: Calibri;
font-size: 1.2em;
padding: 11px 0 18px 0px;
color: #1d2b7b;
padding-left: 5px;
}


/* defaults for all examples */  
.kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0;
	margin-left: 15px;
}  
.kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float:left;
	margin-right: 5px;
} 

.kwicks li{
    width: 153px;  
    height: 123px; 
    background: transparent url("../images/big-menu-part.png") no-repeat left top !important;
	padding-left: 15px;
}

.kwicks li {
	white-space:nowrap !important;
}

.kwicks li p{
background:transparent url(../images/puces.png) no-repeat scroll 0 5px;
font-size:0.8em;
margin-bottom:7px;
padding-left:10px;
margin-left: 60px;
}

.kwicks li img{
float: left;
width: 48px;
}

.kwicks .last {
margin-right: 0 !important;
}

#kwick5 { margin-right: 10px !important; }

#topbar {
background: transparent url(../images/top-bar.png) no-repeat top left;
width: 939px; height: 128px;
float: right;
margin-right: 25px;
}