/* 
** default styles
*/
html, body {
	height: 100%; /* pour avoir le conteneur qui prend toute la hauteur de la page */
}

body {
	margin: 0px; /* pour supprimer les marges */
	padding: 0px;
	background : #E8F5FB;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Helvetica, sans-serif;
	color: #3f4c6b;
	font-size: 11px;	
}

img {
	border: 0px ;
}

input, textarea, select {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	margin:0px;
}

span.error {
	color: red ;
}

/*
 * HEADER BLOCK
 */
#header img , #footer img, #ccontent img {
	border: 0px ;
}

#header {
	position: relative ;
	top: 0px;
 	width: 800px ;
 	height: 198px ;
 	background: #FFF url(../img/header_bg.gif);
 	z-index: 100;
	margin-left: auto; /* 2 lignes pour centre le bloc */
    margin-right: auto;	
	text-align: justify; /* pour corriger le bug de centrage IE */ 	
	border-bottom : solid 2px #FFF ;
}

/*
 * MAIN BLOCK
 */
 #main {
	position: relative;		
 	width: 800px; 
 	min-height: 100%;
   	height: 100%; 
	margin-left: auto; /* 2 lignes pour centre le bloc */
    margin-right: auto;
	text-align: justify ;
	margin-top: -200px;
	z-index: 10;
}

#leftpane {
	position: relative;
	width: 200px ;
 	min-height: 100%;
   	height: 100%; 	
 	background: #6A8EA1 ; 
}

#rightpane {
	position: relative;
	width: 600px ;
 	min-height: 100%;
   	height: 100%; 	
   	background: #FFF url(../img/rightpane_bg.gif);
}

#ccontent, #mcontent {
	padding-top: 200px  ;
} 

#pageTitle {
	position: relative ;
	height : 29px;
	background: #BACAD3 ;
	text-align: right ; 
	border : solid 1px #C0C0C0 ;
}

#pageTitle h1 {
	color: #45697e ;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal ;
	letter-spacing: -0.8px;
	padding : 4px 10px 0px 10px ;
	margin: 0px ;
}

#content {
	margin: 15px 15px 60px 15px;
}

/* style.css */
#content p {
	font-family: verdana , Helvetica, sans-serif;
	color: #3f4c6b;
	font-size: 11px;
	margin : 6px 0px 6px 0px ;
	line-height: 20px;
}

#content p.pstyle0l {
	background-color : #E9EEF1 ;
	padding : 12px 18px 12px 18px ;
	margin : 8px -0px 8px -0px ;
	border : 1px solid #C0C0C0 ;
}

#content .gras02 {
	color: #45697e ;
	font-family: verdana , Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold ;
}

#content h1 {
	color: #45697e ;
	font-family: verdana , Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold ;	
	margin-bottom : 16px ;
}

#content h2 {
	color: #45697e ;
	font-family: verdana , Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold ;
	margin-bottom : 14px ;
}

#content h3 {
	color: #45697e ;
	font-family: verdana , Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic ;
	margin-bottom : 14px ;
}

#content a {
	color: #ED1C24 ;
	text-decoration : none ;
}

#content a:hover {
	text-decoration : underline ;
	color : #A7372B ;
}

#content ul, #content ol  {
	font-family: verdana , Helvetica, sans-serif;
	color: #3f4c6b;
	font-size: 11px;
	margin-top: 10px;
}

#content li {
	padding : 6px;
	line-height: 20px;
}

#content table.table01 {
	width : 100% ;
	valign : top ;
	border-collapse : collapse ;
	background-color : #E9EEF1 ;
}

#content table.table01 td {
	width : 50% ;
	padding : 5px ;
}

#content .italic01 {
	color: #45697e ;
	font-style: italic ;
}

#content a.link01 {
	font-size : 11px ;
	color : #3f4c6b ;
	text-decoration : none ;
}

#content a.link01:hover {
	color : #A7372B ;
	text-decoration : underline ;
}

#content .link02 {
	padding : 5px;
	border: 1px solid #CCCCCC;
	background-color: #E9EEF1;
	font-weight : bold ;
	color: #3f4c6b;
}

#content .link02:hover {
	text-decoration : underline ;
	color: #B80A00;	
}

/* MAIN MENU */
#mainMenu {
	position: absolute ;
	top: 172px;	
	height: 26px;
	text-align: left ;
	border-collapse: collapse; 
}

#mainMenu ul, #mainMenu li {
	list-style: none ;
	display: inline ;
	margin: 0px;
	padding: 0px;
	font-size: 0px;	 /* image menu decalage */
}

/* LEFT MENU */
#leftMenu {
 	width: 200px ;
}

#leftMenu ul {
	position: relative ;
	margin: 0px;
	padding: 0px;
	list-style: none ;	
}

#leftMenu li {
	display: inline ;
}

/* TOP NEWS */ 
#topNews {
 	width: 200px ;
}


#topNews ul {
	background-color : #E9EEF1 ;
	position: relative ;
	margin: 0px;
	padding: 0px;
	list-style: none ;	
}


#topNews li {
	border-bottom: solid 1px #C0C0C0; 
	padding: 4px;
}

#topNews li span {
	display : block ;
	font-size: 13px;	
}

#topNews li.last {
	border-bottom: solid 0px #C0C0C0; 
}

#topNews li a {
	color: #ED1C24 ;
	text-decoration : none ;
	display: block ;
	text-align : right ;
}

#topNews li a:hover {
	text-decoration : underline ;
	color : #A7372B ;
}

/*
 * FOOTER BLOCK
 */
#footer {
	position: relative ;
	top: 0px ;
 	width: 800px ; /* +8 de bordure flou */	
 	height: 32px;
	margin-left: auto; /* 2 lignes pour centre le bloc */
    margin-right: auto;	
	text-align: justify; /* pour corriger le bug de centrage IE */
 	background: #A5BAC6 url(../img/footer_bg.gif);
 	margin-top: -32px;
 	z-index: 100;
}

#copyright {
	text-align: center ;
	width: 200px;
	padding-top: 6px ;
	color: #586882 ;
}

/* FOOTER MENU */
#footerMenu {
	width: 600px;
	text-align: right ;
	padding-top: 8px ;
}

#footerMenu ul {
	margin: 0px ;
	padding: 0px;
	list-style: none;
}

#footerMenu li {
	display: inline;
	border-right: solid 1px #586882; 
}

#footerMenu li.last {
	border-right: solid 0px #586882; 
}

#footerMenu a {
	text-decoration: none ;
	padding: 0 5px 0 5px ;
	color: #586882 ;
}

#footerMenu a:hover {
	text-decoration: underline ;
}