.c_c_bleufonce, .loggedpanel b, .adm_modif_icnpaneltxt b, .subnavig_text A:link, .subnavig_text A:active, .subnavig_text A:visited {
		color : #0060A1;
	}

	.c_c_lilas, .subnavig_head {
		color : #CD2464;
	}

	.c_b_bleufonce, html, body {
		background-color : #0060A1;		
	}

	body, html {
		width:100%;
		text-align: center;
		background-image: url();
		height:100%;
		margin: 4px 0px 10px 0px;
	}

	span.tooltip_text a:hover {
		background-color: #2B2E21;;color:#fff;
	}

	span.tooltip_text a:link span{display: none;}
	span.tooltip_text a:visited span{display: none;}
	span.tooltip_text a:hover span {
		position: absolute;
		margin:15px 0px 0px 20px;
		background-color: beige;
		max-width:220;
		padding: 2px 10px 2px 10px;
		border: 1px solid #C0C0C0;
		font: normal 10px/12px verdana;
		color: #000;
		text-align:left;
		display: block;
	}


	.centrage {
		width:768px;
		margin-left: auto; 
		margin-right: auto;
  		position:relative;
  		text-align:center;
	}
	
	.navigbar {
		position:relative;
		background-image: url(/img/template/niou/n_fondnavig.gif);
		background-repeat: no-repeat;
		height:128px;
	}
	
	.logopanel {
		text-align:left;
		position:relative;
		left:6px;
		top:8px;
	}
	.logotrans {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
	}
	.logonotrans {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity: 1;
	}
	.btn_identification {
		text-align:left;
		position:relative;
		left:43px;
		top:7px;
		_top:8px;
			
	}

	.loginpanel, .loginpanelfond {
		text-align:left;
		position:absolute;
		left:10px;
		top:25px;
		border : 1px solid black;
		border-color: black #AAAAAA #AAAAAA black ;
		width:130px;
		height:58px;
		display:none;
	}
	.loginpanelfond {
		background-color:#FFFFFF;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		display:none;
	}
		
	.loggedpanel {
		vertical-align:middle;
		text-align:right;
		position:absolute;
		left:10px;
		top:31px;
		font-family:arial;
		font-size:12px;
		padding:4px;
		width:112px;
		_width:122px;
		
		background-color:white;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		border-style : solid;
		border-color: black #AAAAAA #AAAAAA black ;
		border-width:1px;
	
		height:75px;
		_height:85px;
	}
	
	.loggedpanel b {
		font-size:12px;
	}
	
	.spanonglets {
		position:absolute;
		float:right;
		right:7px;
		top:-5px;
		_right:10px;
		
		z-index:8000;
	}
	
	.maincontent {
		position:relative;
		text-align:left;
		width:768px;
		float : right;
		min-height:480px;
		_height:480px;
		background-image: url(/img/template/niou/fond_contenu.gif);
		background-repeat: repeat-y;
		background-position: right;
		background-color:white;
		_z-index:-1;
	}

	.col_gauche {
		position:absolute;
		top:0px;
		width:148px;
		left:0px;
		text-align:left;
	}
	
	.col_droite {
		position:relative;
		top:0px;
		left:148px;
		width:610px;
		_width:600px;
		text-align:left;
		font-family : arial;
		font-size:12px;
	}
	
	.contenu {
		padding-left:4px;	
		padding-right:4px;	
		
	}
	
	.fin_col_gauche {
		position:absolute;
		
		bottom:0px;
		_bottom:-1px;
		left:0px;
	}
	
	.fin_col_droite {
		position:absolute;
		
		bottom:0px;
		_bottom:-1px;
		right:0px;
	}
	
	.subnavig {
		position:relative;
		left:6px;
		width:134px;
	}
	
	.subnavig_head {
		font-family : arial;
		font-size : 12px;
		font-weight:bold;
		text-align:right;
		padding:0px;
		width:100%;
		vertical-align:bottom;
		margin:0px;
	}
	
	.subnavig_hr {
		height : 1px;
		display:block;
		margin: 0 0;
		_margin: -3px -3px;
		padding: 0px;
		width:124;
		text-align:center;
		border: 0;
	}

		
	.subnavig_text_hachures {
		background-image: url(/img/template/niou/fond-hachures.gif);
		text-align : right;
		width:124px;
		position:absolute;
		left:8px;
	}
	
	
	
	.subnavig_text {
		font-family:arial;
		font-size:12px;
		font-weight : bold;
		text-align:right;
	}
	
	.subnavig_text A:link, .subnavig_text A:active, .subnavig_text A:visited {
		font-family:arial;
		font-size:12px;
	}
	
	.subnavig_text A:hover {
		color:white;
		text-decoration : none;
	}
	
	.subnavig_hr2 {
		display:block;
		margin: 0;
		_margin: -7px 0;
		padding: 0;
	}
	
	.subnavig_font_sel {
		font-family:arial;
		font-size:12px;
	}
	
	.box_gauche {
		padding:4px;
		width:124px;
		_width:132px;
		left:7px;
		position:relative;
		background-color:white;
		border:black dotted 1px;
	}
	
	.maillinglist {
		font-weight : normal;
		font-family:arial;
		font-size:10px;
		text-align:justify;
	}
	
	.honcode {
		text-align:center;
	}



			
	.ong_suboff div{
		color:white;
		margin:0px;
		padding:0px;
		line-height:12px;
		_line-height:13px;
		z-index: 10000;
	}
	
	.ong_subon div {
		color:white;
		line-height:12px;
		_line-height:13px;
		z-index: 10000;
	}
	
	.input_login {
		position:absolute;
		left:0px;
		top:0px;
		text-align:left;
		padding:2px;
		width:90px;
		_width:92px;
		background-color:white;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		border-style : solid;
		border-color: black #AAAAAA #AAAAAA black ;
		border-width:1px;
		font-family:arial;
		font-size:12px;
		height:18px;
	}


.bodypopup {
	background-image: url(/img/template/fond_page.gif);
	background-position: top left;
	margin: 0px 0px 0px 0px;
}



.titre {
 	font-family: Arial;
 	font-size: 20px; 
 	font-style: bold; 
 	line-height: normal; 
	font-weight: normal; 
	color: #00008B; 
	text-decoration: none;
	background-color: #0099CC;
	}

.articletitre {
 	font-family: Arial;
 	font-size: 14px; 
 	font-style: normal; 
 	line-height: normal; 
	font-weight: bold; 
	color: #0099CC; }	
	

.articledate {
 	font-family: Arial;
 	font-size: 12px; 
 	line-height: normal; 
	font-weight: bold; 
	color: #444444; 
}	


.articlesoustitre {
 	font-family: Arial;
 	font-size: 12px; 
 	font-style: normal; 
 	line-height: normal; 
	font-weight: bold; 
	color: #0099CC; }	
	

.texte {
	position: relative;
 	font-family: Arial;
 	font-size: 12px; 
 	font-style: normal; 
 	line-height: normal; 
	font-weight: normal; 
	color: #000000;
}	


		
  span.link a:hover span {
  	position: absolute;
  	margin:10px -10px 10px 10px;
  	background-color: beige;
  	max-width:220;
  	padding: 2px 0px 2px 0px;
  	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #000;
  	text-align:left;
  	display: block;
  }
  span.link a span{display: none;}
  span.link a:visited span{display: none;}  
  
.utilpan_article {
  	background-color: White;
  	margin: 1px 1px 1px 1px;
  	border-color:black;
  	padding: 2px 2px 2px 2px;
  	border:1px solid black;
  	}
  	
  	
    span.link2:hover {background-color: #2B2E21;;color:#fff;}
  span.link2 span{display: none;}
  span.link2:visited span{display: none;}
  span.link2:hover span {
  position: relative;
  margin:15px 0px 0px 20px;
  background-color: beige;
  max-width:220;
  padding: 2px 10px 2px 10px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;}
  
  
.utilpan2 {
	position: absolute;
}

.utilpanquimarchepastropmal {
	display: inline;
	float: right;
	clear: right;
	position: relative;
}

.colsize {
	background-color: beige;
	font: normal 10px/12px verdana;
	border: 1px solid #C0C0C0;
}


.navtextX {
   width:150px;
   font-size:14pt;
   font-family:impact;
   border-width:1px;
   padding:2px 2px 2px 2px;
   border-style:outset;
   border-color:#3292D3;
   layer-background-color:#3292D3;
   background-color:#3292D3;
   filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity: 0.9;
   color:white;
   }
   

	
	
.forumcontenu {
	font-family: verdana;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}


TABLE.PopupCoinMenu {	
	border: 0px; color : White; text-decoration : none; 
	font-size: 10px; height: 17px; padding : 0px 0px 0px 0px;	
	}
TABLE.PopupCoinMenu TD {	
	border: 0px; padding : 0px 0px 0px 0px;	
	}
TABLE.PopupCoinMenu A, TABLE.PopupCoinMenu A:link,
TABLE.PopupCoinMenu A:visited, TABLE.PopupCoinMenu A:active,
TABLE.PopupCoinMenu A:hover {
	color : White; text-decoration : none; font-size: 10px;
	}
TABLE.PopupCoinMenu A:hover {
	color : White; text-decoration : underline;
	}
	



.popuptop {

	border-bottom : 0px solid Gray;
	border-collapse : separate;	
	padding : 0px;	
	background-color : FFFFFF;	
    	color : FFFFFF;
    	height : 55px;	
	width : 100%;
   	font-family:		arial;
    	font-size : 9pt;
	overflow-y : hidden;	
	overflow-x : hidden;	
	
}

}

.popupcontenu {

	border : 0px solid Gray;
	border-collapse : separate;	
	padding : 2px;	
	background-color : FFFFFF;	
    	color : FFFFFF;
	overflow-y : auto;	
	overflow-x : auto;	
	width : 100%;
   	font-family:		arial;
    	font-size : 9pt;
	scrollbar-base-color : 0099CC;
	Scrollbar-Arrow-Color : ffffff;
	overflow-y : auto;	
	overflow-x : auto
	overflow:auto;	
	overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll;
}



.popupbuttons {
	position: absolute;
	padding:2px;
	padding-right:10px;
	text-align:right;
	bottom:0px;
	right:0px;
	border-top : 1px solid Gray;
	border-bottom: 1px solid Gray;
	background-color : #DDDDDD;	
    	color : FFFFFF;
   	font-family:		arial;
    	font-size : 11pt;
    	width:100%;

	
}






.select_article {
	width : 100%;
	padding : 0px;
}
.select_article_art, .select_article_dos, .select_article_dos_up, .select_article_art_up {
	border : 1px solid black;	
	background-color: 			#EEEEEE;
	font-family: Arial; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 11px; 
	cursor: pointer; _cursor:hand;
}

.select_article_dos, .select_article_dos_up {
	font-size: 14px;
	font-weight: bold; 
	color : 0099CC;
}

.select_article_dos_up, .select_article_art_up {
	background-color: 			#CCCCCC;
}

.arboline {
	background-color: 			#0099CC;
	font-family: Arial; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	text-decoration: none;
	font-size: 14px;
	border-left : 4px solid #0099CC;
	border-right : 6px solid #0099CC;
	border-top : 2px solid #0099CC;
	color : white;
}

.arbolineA {
	font-family: Arial; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 12px;
	color : white;
}



TABLE.MDOnglets {
	position: relative;
	margin-left: 8px;
	border : 0px;
}
TABLE.MDOnglets TD, TABLE.MDOnglets TH {
	padding : 0px 0px 0px 0px;
	border : 0px;
	font-family : arial;
	font-size=12px;
	color : white;
}

A.MDOnglet, A.MDOnglet:active, A.MDOnglet:focus, 
A.MDOnglet:hover, A.MDOnglet:link, A.MDOnglet:visited {
	position: relative;
	border: 1px solid #7D7D7D;
	border-bottom: 0;
	padding: 2px 9px 1px 9px;
	background-color: #EEEEEE;
	color: black;
	top: 1px;
	z-index: 1000;
	margin-right : 1px;
	font-weight : bold;
	text-decoration : none;
	display : block;
}
A.MDOnglet:hover {
	background-color: #0099CC;
	color:#FFFFFF;
	}
A.MDOngletActif, A.MDOngletActif:active, A.MDOngletActif:focus, 
A.MDOngletActif:hover, A.MDOngletActif:link, A.MDOngletActif:visited  {
	position: relative;
	border: 1px solid #7D7D7D;
	border-bottom: 0;
	background-color: #0099CC;
	padding: 3px 9px 1px 9px;
	color: white;
	top: 1px;
	z-index: 100;
	margin-right : 1px;
	font-weight : bold;
	text-decoration : none;
	display : block;
	cursor : default;
	}
A.MDOngletActif:hover {
	color:white;
	}
TABLE.MDOngletCadre {
	width : 100%;
	background-color : White;
	border: 1px solid #7D7D7D;
	z-index: 20;
	}
DIV.MDOngletCadre {
	width : 100%;
	background-color : White;
	border: 1px solid #7D7D7D;
	z-index: 20;
	padding : 10px 10px 10px 10px;
}




.page_message {

	width:80%;
	background-color : #FFFFCC;
	border : 1px solid Gray;
	padding: 4px 4px 4px 4px;	
	text-align : left;
	font-family : arial;
    	font-size : 9pt;
}




.mep_titre {

	text-align : left;
	font-family : arial;
    	font-size : 12pt;
	font-weight:bold;
	color:#0000AA;
	background-color:#0099CC;
}


.mep_titre2 {

	text-align : left;
	font-family : arial;
    	font-size : 12pt;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#0099CC;
	padding-left: 4px; 
	padding-right: 10px; 

	
}

.mep_titre3 {

	text-align : left;
	font-family : arial;
    	font-size : 12pt;
	font-weight:bold;
	font-style:	padding-top: 4px;  italic;
	color:#0099CC;
	background-color:#FFFFFF;
	padding-left: 4px; 

	padding-right: 10px;
	border: 1px solid #0099CC;

}

.site_login_input {

    font-family : arial;
    font-size : 9pt;
    font-weight : normal;
    background-color : FFFFFF;
    border-color : 0099CC;
    border-style : inset;
    border-width : 1px;
    color : 000000;

}

.site_login_submit {

	font-weight : bold;
	font-size : xx-small;
	cursor: pointer; _cursor:hand;
	border: 1px solid #999999;
	_border: 1px double #999999;
	color : Black;
	background-color : #BBBBBB;
	padding : 0 0 0 0;
	height : 20px;

	cursor: pointer; _cursor:hand;
	color : #363636;
	background : url(/img/design/fond_bouton.jpg) ;
}