@charset "utf-8";
/* CSS Document */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #c0c0c0;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

h1 {
	/* Page title */
	color: #004990;
	line-height: 30px;
	font-weight: bold;
	font-size: 2.2em;
	padding: 0 0 0 35px; margin: 0 0 1em;
	background: url(../images/page-title-bg.gif) 0 0 no-repeat;
}

h2 {
	/* Page subtitles */
	color: #004990;
	line-height: 15px;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0 0 28px; margin: 1em 0;
	background: url(../images/page-subtitle-bg.gif) 0 0 no-repeat;
}

	.noBg {
		padding-left: 0;
		background: none;
	}

h3 {
	/* Downloads title */
	color: #2D7EE0;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.2em;
	text-align: right;
	padding: 0; margin: 0 5px 5px 0;
}

h4 {
	color: #004990;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	padding: 0; margin: 0 5px 5px 0;
}

	h4 a {
		text-decoration: none;
	}

	h4 a:hover {
		text-decoration: underline;
	}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	text-align: justify;
}

img {
	border-width: 0;
}

.line {
	border: 0 none #FFFFFF;
	height: 1px;
	padding: 0; margin: 20px 0;
	display: block;
	clear: both;
}

.lineFlat {
	border: 0 none #FFFFFF;
	height: 1px;
	padding: 0; margin: 5px 0;
	display: block;
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.centerBlock {
	margin: 5px auto;
	text-align: center;
}

.textSmall {
	font-size: 0.9em;
	color: #555555;
}

.smaller {
	font-size: 0.8em;
}

.light {
	font-weight: normal;
}

.textRed {
	color: #FF0000;
}

.textBlue {
	color: #2D7EE0;
}

.darkBlue {
	color: #004990;
}

/* Main blocks
---------------------------------------- */
#container {
	padding: 0 0 5px; margin: 0 auto;
	width: 955px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	overflow: hidden;
	position: relative;
}

#flashAdvert {
	padding: 0; margin: 0;
	position:absolute; left: 0; top: 0;
	z-index: 100;
}

#header {
	padding: 180px 5px 10px; margin: 0 0 20px;
	height: 74px;
	background: url(../images/header-bg.jpg) right top no-repeat;
	overflow: hidden;
}

#sidebarLeft {
	padding: 0;
	width: 218px;
	float: left;
	overflow: hidden;
}

#mainContent {
	padding: 0; margin: 0 240px 0 223px;
	overflow: hidden;
}

/* hack for Google Chrome and Safari 3.1 */
body:nth-of-type(1) #mainContent{
	margin: 0;
}

#sidebarRight {
	padding: 0;
	width: 235px;
	float: right;
	overflow: hidden;
}

#backToTop {
	padding: 0; margin: 5px;
	text-align: right;
	clear: both;
}

#footer {
	padding: 0; margin: 5px auto;
	width: 955px;
	text-align: center;
}

/* Header
---------------------------------------- */
#header a {
	float: left;
}

#header h1 {
	line-height: normal;
	text-align: center;
	font-size: 2.6em;
	float: right;
	background: none;
	padding: 0; margin: 50px 240px 0 0;
	width: 492px;
}

/* Left sidebar
---------------------------------------- */
#sidebarLeft .line {
	background: url(../images/sidebar-left-hr-bg.gif) left top no-repeat;
}

.mainMenu {
	padding: 0; margin: 0 0 0 5px;
	list-style: none;
}

.mainMenu li {
	padding: 0; margin: 10px 0;
	line-height: 1.7em;
}

.mainMenu li a {
	padding: 0 0 0 22px; margin: 0;
	background: url(../images/main-menu-bg-off.gif) 0 0 no-repeat;
	font-size: 1.2em;
	text-decoration: none;
	color: #999999;
	display: block;
}

.mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a.activePage {
	background-image: url(../images/main-menu-bg-on.gif);
	color: #2D7EE0;
}

/* Right sidebar
---------------------------------------- */
#sidebarRight .line {
	background: url(../images/sidebar-right-hr-bg.gif) right top no-repeat;
}

#downloads {
	padding: 0; margin: 0 5px 0 0;
	list-style: none;
	font-size: 1.1em;
}

#downloads li {
	padding: 0; margin: 5px 0;
	text-align: right;
}

#downloads li a {
	color: #999999;
	text-decoration: none;
}

#downloads li a:hover {
	text-decoration: underline;
}

#downloads li ul /* Sous-listes */
{
	position: absolute;
	right: -999em; /* Hop, on envoie loin du champ de vision */
	padding: 0 5px; margin: 0;
	list-style: none;
	background: #ffffff;
	border: 1px solid #000000;
}

#downloads li:hover ul, #downloads li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste */
{
        right: 5px; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* Main Content
---------------------------------------- */
#mainContent p {
	padding: 0 0 0 28px; margin: 1em 0;
}

#mainContent ul {
	padding: 0; margin: 0 0 10px 40px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 11px;
	text-align: justify;
}

#mainContent ul.blueList li {
	color: #2D7EE0;
}

	#mainContent ul.blueList li span {
		color: #000000;
	}
	
	#mainContent ul.blueList li span.textSmall {
		font-size: 0.9em;
		color: #555555;
	}

#mainContent ul li {
	padding: 0; margin: 0 0 1.3em;
}

#mainContent ol {
	padding: 0; margin: 0 0 10px 40px;
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 1.1em;
	text-align: justify;
}

#mainContent ol li {
	padding: 5px 0; margin: 0;
	color: #2D7EE0;
	font-weight: bold;
}

	#mainContent ol li span {
		font-weight: normal;
		color: #000000;
	}

	#mainContent ol li span.textRed {
		color: #FF0000;
		font-weight: bold;
	}

#mainContent a {
	color: #000000;
	text-decoration: underline;
}

#mainContent a:hover {
	color: #999999;
	text-decoration: none;
}

#mainContent  a.textBlue {
	color: #2D7EE0;
}

#mainContent  a.darkBlue {
	color: #004990;
}

#mainContent h2 a {
		color: #004990;
		text-decoration: none;
}
	
#mainContent h2 a:hover, #mainContent h2 a:active, #mainContent h2 a.activeSubPage {
		color: #2D7EE0;
}
	
#mainContent .textSmall a {
	font-size: 0.9em;
	color: #555555;
}

#mainContent .bubble {
	padding: 0; margin: -10px 5px 5px;
	width: 180px; height: 180px;
	float: right;
	background: url(../images/bulle-bg.gif) 0 0 no-repeat;
	color: #2D7EE0;
	text-align: center;
	color: #004990;
	line-height: 1.3em;
}

#mainContent p.bubbleLegend {
	padding: 0 5px 0; margin: 0 5px 5px;
	width: 170px;
	float: right;
}

	/* Logos */
	#mainContent #logos {
		padding: 0; margin: 10px auto 0;
		width: auto;
		float: right;
	}
	
	#mainContent #logos td {
		padding-top: 5px;
		text-align: left;
		vertical-align: bottom;
	}

	#mainContent #logos td.col1 {
		padding-right: 5px;
	}
	
	#mainContent #logos td.col2 {
		padding-right: 38px;
	}
	
	#mainContent #logos td.col3 {
		padding-right: 0;
	}

.example {
	margin: 0 auto;
}
	
.example td, .example th {
	padding: 3px; margin: 1px;
	text-align: center;
	font-size: 0.9em;
	color: #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.example th {
	font-weight: bold;
}

.lastCol {
	border-right: 1px solid #000000;
}

.lastRow td, .lastRow th {
	border-bottom: 1px solid #000000;
}

/* Back To Top
---------------------------------------- */
#backToTop a {
	padding: 0 0 0 27px;
	color: #2D7EE0;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

/* Footer
---------------------------------------- */
#footer ul {
	padding: 0; margin: 0 auto;
	list-style: none;
}

	#footer ul li {
		padding: 0 5px;
		border-right: 1px solid #000000;
		display: inline;
	}
	
	#footer ul li.footerMenuLast {
		border: 0 none #C0C0C0;
	}
	
	#footer ul li a {
		color: #000000;
		text-decoration: none;
	}
	
	#footer ul li a:hover {
		text-decoration: underline;
	}