body  {
	/* background-color:#666666; color:#FFFFFF; */
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:url(images/bg.png) repeat-x top left #738ee7;
	background-attachment:fixed;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
}
#container { 
	width: 800px;
	color: #FFFFFF;
	margin: 0 auto; 
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

/*
 * header
 */
#header { 
	height: 68px;
	min-height: 68px;
	margin:0 auto;
	background: transparent url(images/ban.png) no-repeat center top;
	border-bottom: 1px solid #072976;
	text-align: center;
	padding: 0; 
} 
	#header h1 {
		height:66px;
		min-height: 66px;
		line-height: 66px;
		margin: 0;
		padding: 0;
		display:block;
	}
	#header h1 a {
		margin: 0; 
		padding: 0;
		display:block;
		height:68px;
	}
	#header h1 a span
	{
		display:none;
	}

/*
 * TOPNAV - SPRITES NAVIGATION MENU
 */

#topnav
{
	list-style:none none;
	margin:0 auto;
	padding:0 1px; /* pour centrage des 6 LI */
	height:42px;
}

	#topnav li
	{
		background: #900222 url(images/navspritbg.png) no-repeat top left;
		display: inline;
		float: left;
		height:42px;
		line-height:42px;
	}
	
#topnav li a /*tous les liens*/
{
	background: #900222 url(images/navsprit.png) no-repeat top left;
	display: block;
	height:42px;
	line-height:42px;
}

#topnav li a span
{
	display:none;
}

/*
* Menu 1
*/
	#topnav li.menu1 a
	{
		width:76px;
		background-position:0 0;
	}
	#topnav li.menu1 a:active,
	body#page1 #topnav li.menu1 a
	{
		background-position:0 -84px;
	}
	#topnav li.menu1 a:hover
	{
		background-position:0 -42px;
	}
/*
* Menu 2
*/
	#topnav li.menu2 a
	{
		width:96px;
		background-position:-76px 0;
	}
	#topnav li.menu2 a:active,
	body#page2 #topnav li.menu2 a
	{
		background-position:-76px -84px;
	}
	#topnav li.menu2 a:hover
	{
		background-position:-76px -42px;
	}
/*
* Menu 3
*/
	#topnav li.menu3 a
	{
		width:157px;
		background-position:-172px 0;
	}
	#topnav li.menu3 a:active,
	body#page3 #topnav li.menu3 a
	{
		background-position:-172px -84px;
	}
	#topnav li.menu3 a:hover
	{
		background-position:-172px -42px;
	}
/*
* Menu 4
*/
	#topnav li.menu4 a
	{
		width:178px;
		background-position:-330px 0;
	}
	#topnav li.menu4 a:active,
	body#page4 #topnav li.menu4 a
	{
		background-position:-330px -84px;
	}
	#topnav li.menu4 a:hover
	{
		background-position:-330px -42px;
	}
/*
* Menu 5
*/
	#topnav li.menu5 a
	{
		width:116px;
		background-position:-510px 0;
	}
	#topnav li.menu5 a:active,
	body#page5 #topnav li.menu5 a
	{
		background-position:-510px -84px;
	}
	#topnav li.menu5 a:hover
	{
		background-position:-510px -42px;
	}
/*
* Menu 6
*/
	#topnav li.menu6 a
	{
		width:174px;
		background-position:-628px 0;
	}
	#topnav li.menu6 a:active,
	body#page6 #topnav li.menu6 a
	{
		background-position:-628px -84px;
	}
	#topnav li.menu6 a:hover
	{
		background-position:-628px -42px;
	}
	

/*
 * arianes top/bottom
 */
ol.ariane-top, 
ol.ariane-bottom 
{
	color:#800;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.92em;
	height:23px;
	list-style:none none;
	margin:0 5px;
	text-align:center;
}
ol.ariane-top 
{
	border:0px none;
	background: #fafafa url(images/ariane-top-bg.png) repeat-x top left;
	line-height:23px;
	padding:1px 10px 0 10px;
}
ol.ariane-bottom 
{
	background: #fafafa url(images/ariane-bottom-bg.png) repeat-x  top left;
	border-top:1px solid #fff;
	border-bottom:1px solid #000;
	line-height:19px;
	padding:0px 10px;
}
	ol.ariane-top    li, 
	ol.ariane-bottom li
	{
		float: left;
		padding: 0 6px 0 10px;
		background: transparent url(images/arianepuce.gif) no-repeat center left;
	}
	ol.ariane-top 	 li a, 
	ol.ariane-bottom li a
	{
		color:#5266C2;
		text-decoration:none;
	}
	ol.ariane-top 	 li a:hover, 
	ol.ariane-bottom li a:hover
	{
		text-decoration:underline;
	}

/*
 *
 * C O N T E N U S
 *
 */
 
a:link{color:#FFCC00; text-decoration:none;}
a:visited{color:#FFCC00; text-decoration:none;}
a:active{color:#FFCC00; text-decoration:underline;}
a:hover{color:#FFCC00; text-decoration:underline;}

p { margin:1em 0.42em; text-align:justify; text-indent:0.42em; line-height:120%;}

/*
*
*/

.main-content 
{
	background:#F0F2F7;
	border:0;
	border-top:1px solid #323f77;
	border-bottom:1px solid #323f77;
	clear:both;
	color:#444;
	float:left;
	font-size:1em;
	height:auto;
	margin-left:5px;
	padding:1px 10px 10px 10px;/* espacement de l'ariane, et 2px sur les coté pour espacer les contenus */
	width:770px;
	overflow:hidden;
}

/* h2 personnalisés avec icones ( H2#idrub > div )*/
.main-content ul {
	list-style-position: outside;
	padding:0;
	margin:15px 20px 15px 40px;
	list-style-type:disc;
	text-indent:0;
}
	.main-content ul li {
		margin-top:0;
		margin-right:0;
		margin-bottom:7px;
		margin-left:10px;
		padding:0;
	}

.main-content h2 {
	height:23px;
	margin:8px 0 20px 0; 
	background:#F0F0F0 url(images/titre-bg.png) repeat-x top left;
	padding:5px 10px 0;
	color:#444;
	border:1px solid #999;
	border-top:0.42em solid #999;
	width:748px;
	font-size:1.17em;
}
	.main-content h2 div {
		background-repeat: no-repeat;
		background-position: right center;
		padding-right:20px;
	}
	.main-content h2#actu div  { background-image: url(images/icodef.gif) }
	.main-content h2#doc div   { background-image: url(images/icooutil.gif) }
	.main-content h2#stats div { background-image: url(images/icostats.gif) }
	.main-content h2#faq div   { background-image: url(images/icofaq.gif) }
	.main-content h2#forum div { background-image: url(images/icolocked.gif) }
	.main-content h2#part div  { background-image: url(images/icopart.gif) }
	
	.main-content h2 a.haut { float:right; padding-right:25px; padding-left:5px; font-size:0.8em; font-weight:normal;}
	
	.main-content a:link, 
	.main-content a:visited { color:#F80 }


/* 
 * colonnes 
 */
.w15 {width:14%;}
.w25 {width:24%;}
.w30 {width:29%;}
.w33 {width:32%;}
.w50 {width:49%;}
.w66 {width:65%;}
.w75 {width:74%;}
.w85 {width:84%;}
.w100 {width:100%;}

/**
*
*/
.col ul {
	list-style-position:inside;
	list-style-type:square;
	margin:0.42em;
}
.col li {
	padding-left:0.42em;
	margin-bottom:0.82em;
}

/* colonne : menu gauche */
.navleft {
	float:left;
	background-color:#fefefe;
	border:1px solid #cccccc;
}

.navleft h3 {
	background-color:#efefef;
	color:#800;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	height:auto;
	padding:5px 2px;
	clear:both;
}


	.navleft ul {
		color:#444;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:0.92em;
		list-style:none none;
		padding:2px 2px 5px;
		text-align:left;
		clear:both;
	}
		.navleft ul li
		{
			background:none;
			margin-bottom:5px;
			float: left;
			width:100%;
			border-bottom:1px dotted #cccccc;
		}
		.navleft ul li.active
		{
			display:block;
			width:90%;
			padding: 2px 10px 2px 0 ;
			background: url(images/arianepuce.gif) no-repeat center right;
			border-top:1px solid #FFF;
			border-bottom:1px solid #FFF;
		}
			.navleft ul li a
			{
				display:block;
				width:90%;
				padding: 0 10px 0 0 ;
				background:none;
				color:#5266C2;
				text-decoration:none;
			}
			.navleft ul li a:hover
			{
				text-decoration:underline;
				background: url(images/arianepuce.gif) no-repeat center right;
			}
			
/* colonne : menus centraux */
.navcenter {
	float:none;
	/*min-height:150px;*/
	margin: auto 4px 15px 4px;
	border:1px solid #999;
	color:#444;
	background:#ffffff;
}
#hscrollers .navcenter {float:left;}

.navcenter h3 {
	color:#444;
	background:#efefef url(images/encart-titre-bg.png) repeat-x top left;
	border:1px solid #dddddd;
	margin:2px 2px 0;
	padding:5px 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	font-size:1.22em;
	letter-spacing:-0.1em;
	display:block;
}
	.navcenter ul, 
	.navcenter ol,
	.navcenter li,
	.navcenter a {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	.navcenter ul, /* liste principale / titres */
	.navcenter ol  /* sous liste / items */ {
		color:#444;
		font-weight:bold;
		font-size:1.12em;
		font-family:Verdana, Geneva, sans-serif;
		line-height:120%;
		list-style:none none;
		margin:2px 2px 5px 2px;
	}
		.navcenter ul li
		{
			list-style:none none outside;
			margin-left:0;
			padding-left:0;
			margin-bottom:5px;
			height:1%; /* Fix for MSIE */
		}

			.navcenter ul li a, 
			.navcenter ul li span
			{
				display:block;
				padding: 0 10px 5px 0;
				background:none;
				color:#5266C2;
				text-decoration:none;
				border-bottom:1px dotted #dddddd;
			}
			.navcenter ul li span
			{
				color:#444;
			}
			
		/* liste items */
			.navcenter ol {
				font-size:0.92em;
				font-weight:normal;
				margin-left:5px;
				list-style-position:outside;
				border-left:1px dotted #dddddd;
				padding-left:5px;
			}
		
				.navcenter ol li
				{
					list-style-position:outside;
					margin-bottom:5px;
					border:0px none;
					padding-left:12px;
					background: url(images/menupuce.gif) 0px 4px no-repeat;
					border-bottom:1px dotted #cccccc;
				}
	
		/* liens items */
			.navcenter ol li a
			{
				display:block;
				padding: 0 10px 5px 0;
				background:none;
				color:#5266C2;
				text-decoration:none;
				border-bottom:0px none;
			}
			
			.navcenter ol li a:hover
			{
				text-decoration:none;
				background: url(images/arianepuce.gif) no-repeat center right;
				color:#5266C2;
			}
			
		/* item actif */	
		.navcenter li.active
		{
			background: url(images/arianepuce.gif) no-repeat center right;
		}
			.navcenter ol li.active a
			{
				display:block;
				padding: 0 10px 5px 0;
				background:none;
				color:#5266C2;
				text-decoration:none;
			}
				.navcenter ol li.active a:hover
				{
					text-decoration:none;
					background: none;
				}

		
/*
 * textes
 */	
.main-content h1 
{
	font-size:1.50em;
	font-weight:bold;
	margin:6px 0;
	padding:6px 0;
}
.main-content h1 a , .main-content h1 a:link,.main-content h1 a:visited
{
	text-decoration:none;
	color:#444;
}

/*
 * encart
 */
.encart 
{
	border:1px solid #999;
	color:#444;
	background:#ffffff;
	clear:right;
}
.encart h3
{
	color:#444;
	background:#efefef url(images/encart-titre-bg.png) repeat-x top left;
	border:1px solid #dddddd;
	margin:2px 2px 0;
	padding:5px 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	font-size:1.5em;
	letter-spacing:-2px;
	display:block;
}
	/*
	encart par défaut
	*/
	.encart p
	{
		font-size:0.83em;
		padding:0 5px;
		text-indent:0;
		line-height:130%;
	}
		.encart a
		{
			text-decoration:none;
		}
		.encart a:hover
		{
			color:#F80;
		}
		
	/* encart big lien : image books */
	.encart a.book {
		vertical-align:50%;
		padding:10px 5px 0;
		line-height:130%;
		padding-right:80px;/*taille de l'image*/
		min-height:104px;  /*taille de l'image*/
		background:url(images/pic-books.png) top right no-repeat;
		color:#444;
		border:1px solid #fff;
		display:block;
		cursor:pointer;
		text-align:right;
		font-size:0.92em;
	}
	.encart a.mailing {
		vertical-align:50%;
		padding:10px 5px 0;
		line-height:130%;
		padding-right:64px;/*taille de l'image*/
		min-height:74px;  /*taille de l'image*/
		background:url(images/pic-mailing.png) 1.5em right no-repeat;
		color:#444;
		border:1px solid #fff;
		display:block;
		cursor:pointer;
		text-align:right;
		font-size:0.92em;
	}
	.encart a.book:hover, .encart a.mailing:hover  {
			color:#E80;
			border:1px solid #E80;
		}
		
	.encart .dfn {
		vertical-align:50%;
		padding:10px 5px 0;
		line-height:120%;
		padding-right:84px;/*taille de l'image*/
		min-height:84px;  /*taille de l'image*/
		background:url(images/pic-dfn.png) right 8px no-repeat;
		color:#444;
		border:1px solid #fff;
		display:block;
		text-align:right;
		font-size:1em;

	}
	.encart acronym  { font-size:1.2em; line-height:130%; }
	.encart dfn {font-size:0.92em; line-height:130%; }
/*
 * FOOTER
 */
#footer 
{
	width:790px;
	margin-left:5px;
	display:block;
	font-size:0.87em;
	padding:5px 0;
	letter-spacing:-0.03em;
	min-height:130px;
	background: #394787 url(images/footerbg.png) repeat-y left top;
	text-align: center;
	overflow:visible;
	/*border-bottom: 1px solid #072976;*/
} 
	#footer .navbottom {
		height:auto;
		clear:both;
		display:block;
		text-align:left;
		width:95%;
		margin: 0 auto;
	}

	/* footer 6 columns container */
	#footer ol 
	{
		text-align:left;
		height:130px;
		min-height:130px;
		line-height: normal;
		margin: 0 auto;
		padding: 0;
		list-style:none none;
		border:0px none;
		border-left:1px solid #384684;
	}
		/* each 6 columns */
		#footer ol li 
		{
			height:130px;
			float:left;
			margin: 0 2px;
			padding:0;
			display:block;
			width:100%;
			text-indent:0;
			border-right:1px solid #384684;
		}
		
		#footer ol li h5
		{
			color:#5266c2;
			font-weight:bold;
		}
			#footer ol li h5 a {
				color:#5266c2;
				text-decoration:none;
			}
			
			#footer ol li h5 a:hover {
				text-decoration:underline;
			}
			
		
		/* largeurs chaque footer columns */
		#footer ol li.footcol1 {width:15%;}
		#footer ol li.footcol2 {width:16%;}
		#footer ol li.footcol3 , #footer li.footcol4 {width:16%;}
		#footer ol li.footcol5 {width:13%;}
		#footer ol li.footcol6 {width:19%;}
		
		/* one column internal list */
		#footer ol ul
		{
		margin:5px 0 0 0;
		height:auto;
		display:block;
		list-style:none none;
		border:0 none;
		}
			/* one column internal list elements */
			#footer ol ul li
			{
				color:#d3eaff;
				border:0 none;
				height:auto;
				float:none;
				margin-bottom:0.84em;
				padding: 0;
				width:100%;
				line-height:130%;
			}
			#footer ol ul li a {
				color:#d3eaff;
				text-decoration:none;
			}
			
			#footer ol ul li a:hover {
				text-decoration:underline;
			}
				
		#footer .ligneunique {
		text-indent:0;
		line-height:130%;
		margin:5px  0 0 0;
		display:block;
		}
		
/*
 * divers
 */
.fltlft {	float:left; margin:0 8px 0 0; }
.fltrt  { float:right;  margin:0 0 0 8px;}

.clearfloat { clear:both; }
.right { text-align:right; }
.left{ text-align:left; }
.center{ text-align:center; }

.main-content acronym {font-weight:bold; border-bottom:1px dotted;}
div.dfn acronym{font-weight:bold; border-bottom:1px dotted;}
dfn {font-style:normal} 
.main-content dfn {font-style:inherit} 
div.dfn dfn {font-style:normal} 

/* =fraction du contenu. Contient 1 article compet, titre et contenu(jtext) */
.main-content .jpart { clear: both; }
.main-content .jtext ol li a:hover { background-image: url(images/submenu-puce-hover.gif) ; }
/* menu du haut : hover*/
#vscrollers ol li a:hover {	background: url(images/menupuce-hover.gif) no-repeat center right; } 
a.gototop { float:right; z-index:99; text-decoration:none;}
.main-content .jtext blockquote { margin-left:1em;margin-bottom:.5em; border-left:1px solid #CCCCCC; padding:0 .5em .1em .5em ; clear:left;}
.main-content .jtext cite {  font-size:1.1em; }
.main-content .partenaires p { text-align:center; min-height:160px; }