@charset "utf-8";
/* CSS Document ProCredit Bank : Didhens Mbuyamba Bukasa */

html, body {
	margin: 0px;
	padding:0px;
	background-color: #d3031c;
}

#htmlcontenair_grise {
	margin: 0px auto;
	padding:10px;
	width:78%;
	height:0px auto;
	background-color:#d6d7d7;
}

#htmlcontenair_blanche {
	margin: 0px auto;
	padding:10px;
	width:800px;
	height:90px;
	background-color:#FFF;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#separate {
	margin: 0px auto;
	padding:3px;
	width:800px;
	height:3px;
	background-color:#d6d7d7;
}

#separate1 {
	margin: 0px auto;
	padding:3px;
	width:800px;
	height:3px;
	background-color:#d6d7d7;
}

#separate2 {
	margin: 0px auto;
	padding:3px;
	width:800px;
	height:3px;
	background-color:#d6d7d7;
}

#separate3 {
	margin: 0px auto;
	padding:3px;
	width:800px;
	height:3px;
	background-color:#d6d7d7;
}

#menubouton {
	margin: 0px auto;
	padding:3px;
	width:819px;
	height:23px;
	background-color:#d6d7d7;
}

#bodydetail{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:auto;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#bodydetail_index{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:400px;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#bodydetailmenu{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:437px;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#bodydetail:hr{
	border:-1px;
	border-color:#FFF;
}

#logo {
	width:230px;
	height:93px;
	margin-top:2px;
	margin-right:0px;
	float:left;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
	background-image:url(../images/ProCreditBankCongo.jpg);
	background-repeat:no-repeat;	
}

/** Mise en forme de la zone slide image ***********/
/**********SLIDE*************/
/***********************************************************/ 

#gallery {
	margin: 0px auto;
	padding:10px ;
	width:800px;
	height:200px;
	background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#gallery a {
		float:left;
		position:absolute;
	}
	
#gallery a img {
		border:none;
		-moz-border-radius: 10px;
	    border-radius: 10px;
	 
     /*-moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;*/
	}
	
#gallery a.show {
		z-index:500
	}

#gallery .caption {
		margin: 159px auto; /* positionnement du bandeau */
		z-index:-40; /* renforcement de  l affichage du bandeau */
		background-color:#d6d7d7; 
		color:#FFF; 
		height:20px; 
		position:relative;
		bottom:0;
		-moz-border-radius: 10px;
	    border-radius: 10px;
	}

#gallery .caption .content {
		margin:5px
	}
	
#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#d3031c;
	}
	
	
/***********************************************************/
/***********************************************************/ 

#header {
	height:110px;
	width:800Px;
}

#header h4 {
	font-family:"Trebuchet MS";
	float:right;
	height:73px;
	font-size:13px;
	color:#808080;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
	text-decoration:none;
	text-align:left;
	margin-top:10px;
	margin-left:4px;
}

#header a{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#808080;
	font-weight:normal;
	text-decoration:none;
}

#header a:hover{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#005da8;
	font-weight:normal;
	text-decoration:none;	
}

#divSlide{
	background-repeat:no-repeat;
	text-align:left;
	clear:both;	
	margin: 0px auto;
	padding:10px ;
	
}

#mainimg h4 {
	font-family:"Trebuchet MS";
	font-size:6px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#contentarea {
	clear:both;
	padding:25px 0px;
}

#mainimg h3 {
	font-family:"Trebuchet MS";
	font-size:48px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:20px 40px 0px 0px;
}


#mainimg h4 {
	font-family:"Trebuchet MS";
	font-size:6px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#contentarea {
	clear:both;
	padding:25px 0px;
}

#leftbar {
	float:left;
	width:530px;
	height:auto;
	border-right:0px solid #BCBDBC;
	background-repeat:no-repeat;
}

#leftbarentete {
	float:left;
	width:520px;
	height:181px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	padding-bottom:1px;
	padding-left:-20px;
	padding-top:1px;
}

#leftbarenteteligne {
	float:left;
	width:525px;
	height:3px;
	border-right:0px solid #BCBDBC;
}

#leftbarenteteligne1 {
	float:left;
	width:525px;
	height:0px;
	border-right:0px solid #BCBDBC;
}

#leftbarenteteligne1 hr {
	float:left;
	width:525px;
	border-right:0px solid #BCBDBC;
}


#leftbarentetegrille {
	float:left;
	width:525px;
	height:183px;
	border-right:0px solid #BCBDBC;
}

#leftbarentetebis {
	float:right;
	width:200px;
	height:165px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	padding-bottom:5px;
}

#leftbarentete a:link
{
   text-decoration:none;
   font:normal 12px Trebuchet MS;
    font-weight: bold;
   font-weight: bold;
   text-align:center;
   text-decoration:none;
}

#leftbarfin {
	float:left;
	width:273px;
	height:3px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	color:#797B7A;
	padding-bottom:5px;
}

#leftbarfinbis {
	float:right;
	width:247px;
	height:3px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	color:#797B7A;
	padding-bottom:5px;
}

#leftbar h2{
	font-family:"Trebuchet MS";
	font-size:22px;
	color:#da2128;
	font-weight:normal;
	text-decoration:none;
	padding-left:40px;
	padding-bottom:5px;
}

#leftbar h3{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#00145a;
	font-weight:bold;
	text-decoration:none;
	padding-left:40px;
	padding-bottom:5px;
}

#leftbar p{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
}

#leftbar a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#0066b3;
	font-weight:bold;
	text-decoration:underline;
}

#leftbar a:hover {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#eb6909;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px;
	text-decoration:none;
}

#leftbar .erreur{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:red;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
}

#leftbar .center  {	
	
	border:0;
}

	a img{
	  border: none;
	  }
	img.left,img.center,img.right {
	  padding: 4px;
	  /*border: 1px solid #a0a0a0;*/
	  }
	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }
	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  border: 1px solid #a0a0a0;
	  }
	  
#rightbar {
	float:left;
	width:270px;
	/*background-color: #E6E6E6;*/
}

.rightbarnews {
	float:right;
	width:258px;
	height:126px;
	padding-top:0px;
	/*background-color: #E6E6E6;
	background: white url(../media/vstrip.gif) repeat-y left top;*/
	background-color: #d3031c;
	padding: 2px;
		
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
}

.rightbarnews ul {
   
	padding-right:3px;
	padding-left:9px;
}

.rightbarnews ul ol {
    font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding-left:0px;
}

.rightbarnews a {
	 /* couleur sous titre    color:#FFFFFF; :#666666; */
	  color:#FFFFFF;
	  font-weight:bold;
	  text-decoration:none;
	}
	
	.rightbarnews ol a:hover{
	background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
	color:#FFFF00; /* couleur sous titre */
}

#rightbarseparate {
	float:left;
	width:258px;
	height:10px;
}

.rightbartaux {
	float:right;
	width:258px;
	height:196px;
	background-color: #d3031c; /* #E6E6E6; */
	background-image:url(images/banners/Annonce New Mobile Banking.jpg);
    background-repeat:no-repeat;
	padding: 2px;
	
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#005da8;
	font-weight:normal;
	text-decoration:none;	
	
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
}

.rightipc {
	float:right;
	height:30px;
	background-position:right;
	background-image:url(../images/ipc_logo.gif);
	background-repeat:no-repeat;
	width:129px;
	padding-bottom:25px;
	padding-top:10px;
	}
	
.rightipc1 {
	float:center;
	background-position:left;
	background-image:url(../images/arphone.gif);
	background-repeat:no-repeat;

	width:268px;
	height:196px;
	
	padding-bottom:1px;
	padding-top:0px;
	}

#rightbar h2{
	font-family:"Trebuchet MS";
	font-size:14px;
	font:bold;
	color:#da2128;
	font-weight:normal;
	text-decoration:none;
	padding-left:15px;
	padding-bottom:5px;
}

#rightbar p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 25px;
	margin-bottom:0px;
}

#rightbar img{
	text-align:left;
	margin-left:0px;
	margin-bottom:0px;
	border:none;
}

.orangetext {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#eb6909;
	font-weight:bold;
	text-decoration:none;
}

#bottom {
	clear:both;
	height:20px;
	padding-top:20px;
}


/*****************===============================******************/
/*****************declaration pied de page********************/
/*****************===============================********************/

#Mainfooter {
	margin: 0px auto;
	width:78%;
	height:0px;
	background-color:#d6d7d7;
}

#entirebody #bottomnav{
	float: right;
	margin: 0px 0px 0 0px;
	padding-left: 160px;
	width: 800px;
	margin-top: -10px;
	\\border: solid 1px #000;
}

#entirebody #container .botnav-home{
	margin-top: -30px;
}

#entirebody #bottomnav ul{
	float: left;
	text-align: center;
	width: 800px;
}

#mainnav{
	float: left;
	margin: 85px 0 0 18px;
	padding-left: 2px;
	font-family: verdana, regular;
	font-size: 11px;
}

#mainnav ul, #bottomnav ul{
	margin-top: 0px;
	margin-left: -7px;
}

#mainnav ul li, #bottomnav ul li{
	padding-left: 1px;
}

#mainnav ul li a, #bottomnav ul li a{
	padding: 0 6px;
	border-right: 1px solid #000;
}

#mainnav ul li a:hover, #mainnav ul li a.active, #bottomnav ul li a:hover, #bottomnav ul li a.active{
	color: #666;
	text-decoration: underline;
}
#mainnav ul li.last a, #bottomnav ul li.last a{
	border: none;
}

#topnav{
	float: left;
	margin: 5px 0px 10px 0px !important;
	margin: 2px 0px 5px 0px;
	padding: 0px;
}

#topnav ul{
	width: 800px;
	height: 27px;
	padding-bottom: 0px;
	
}
#topnav ul li{
	float: left;
	border-right: 3px solid #e9e9e9;
	padding-left: 1px;
	margin: 0px;
}

/***********************************************************/
/***********************************************************/

#sous_classe{
    margin: 0px auto;
	padding:5px;
	padding-bottom:10px;
	margin-bottom:-5px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	font:normal 10px Trebuchet MS;
    font-weight: bold;
	color:#fff;
	width:810px;
	height:10px;
	background-color:#d3031c;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
}

.shadow2{
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

#email { /* couleur grise bande pcb */
	float:left;
	width:136px;
	background-color:#a5047c;
	height:10px;
	padding-top:5px;
}

#email a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	padding:0px 40px;
}

#email a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
	
}

/*Couleur bleu procreditbank*/
#validtext {
	float:left;
	width:136px;
	background-color:#0066b3;
	height:10px;
	padding-top:5px;
}

#validtext p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
}

#validtext a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#validtext a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
	
/*Couleur barre blanche de la banniere procreditbank*/
#disclaimer_blanche{
	margin: 0px auto;
	padding:1px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	width:820px;
	height:1px;
	background-color:#fff;
}


/*Couleur rouge procreditbank orange*/
#disclaimer{
	float:left;
	width:137px;
	background-color:#ffdc01;
	height:10px;
	padding-top:5px;
    margin: 0px auto;
}

/*Couleur orange procreditbank*/
#orange{
	float:left;
	width:137px;
	background-color:#eb6909;
	height:10px;
	padding-top:5px;
	
}

#rouge{
	float:left;
	width:137px;
	background-color:#da2128;
	height:10px;
	padding-top:5px;
}

#vert{
	float:left;
	width:137px;
	background-color:#009175;
	height:10px;
	padding-top:5px;
}


#slideHighlight a,
#slideHighlight a:visited {
    color: white;
    text-decoration: underline;
}
#slideHighlight a:hover {
    color: white;
    text-decoration: underline;
}

.grise {
background-color:silver;
}

.blue {
border-color:blue;
	-moz-border-radius: 10px;
}

.none {
border-style:none;
}  
.DDmenuLinks {
	font:Arial;
	font-size:11px;
	color:#434d54;
}


/***********************************************************/
/**********BOUTON*************/
/***********************************************************/

a:link
{
   text-decoration:none;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;
   color: white;
}

.button {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }
   
.button:hover {
   border-top-color: #3e779d;
   background: #3e779d;
   color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
.button:active {
   border-top-color: #3e779d;
   background: #3e779d;
   	font-weight:normal;
	text-decoration:none;
   }
 
.button:link 
{	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.button a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 
 
/*----------MENU EN COULEUR-------------------------------------*/
/*----------YELLOW--------------------------------------*/
 
 .buttonYELLOW {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }

.buttonYELLOW:hover {
   border-top-color: #FFED3E;
   background: #FFED3E;
   color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
.buttonYELLOW:active {
   border-top-color: #FFED3E;
   background: #FFED3E;
   	font-weight:normal;
text-decoration:none;
   }
 
 .buttonYELLOW:link 
{	
color:#FFFFFF;
	font-weight:normal;
text-decoration:none;
}
.buttonYELLOW a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 

 

  /*-----------------------------------------------*/
  /*---------ORANGE--------------------------------------*/
  
  .buttonORANGE {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }
   
.buttonORANGE:hover {
   border-top-color: #F27021;
   background: #F27021;
   color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
   
.buttonORANGE:active {
   border-top-color: #F27021;
   background: #F27021;
  	font-weight:normal;
	text-decoration:none;
   }
   
    .buttonORANGE:link 
{	
color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

.buttonORANGE a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 
 /*-----------------------------------------------*/
 /*---------RED--------------------------------------*/
  
  .buttonRED {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }
   
.buttonRED:hover {
   border-top-color:#CCCCCC;
   background: #CCCCCC;
   color:#FF0000;
   	font-weight:normal;
	text-decoration:none;
   } 
   
.buttonRED:active {
   border-top-color: #CCCCCC;
   background: #CCCCCC;
   	font-weight:normal;
	text-decoration:none;
   }
   
.buttonRED:link 
{	
color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

.buttonRED a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 
 /*-----------------------------------------------*/
 /*---------GREEN--------------------------------------*/
 
  .buttonGREEN {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }
   
.buttonGREEN:hover {
    border-top-color: #017159;
    background: #017159;
    color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
.buttonGREEN:active {
   border-top-color: #017159;
   background: #017159;
   	font-weight:normal;
	text-decoration:none;
   }
   
.buttonGREEN:link 
{	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.buttonGREEN a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 
 /*-----------------------------------------------*/
 /*---------PURPLE--------------------------------------*/
  
  .buttonPURPLE {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
	
   }
   
.buttonPURPLE:hover {
   border-top-color: #920183;
   background: #920183;
   color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
   
.buttonPURPLE:active {
   border-top-color: #920183;
   background: #920183;
   	font-weight:normal;
	text-decoration:none;
   }
   
.buttonPURPLE:link 
{	
color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.buttonPURPLE a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 
 /*-----------------------------------------------*/
 /*---------BLUE--------------------------------------*/
  
  .buttonBLUE {
   height:20px;
   padding-top:16px;
   margin: -9.5px auto;
   border-top: 0px solid #96d1f8;
   background: #d3031c;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #d3031c, #d3031c);
   width:120px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:normal 12px Trebuchet MS;
   font-weight: bold;
   text-align:center;
   text-decoration:none;

   padding: 2px 6px 2px 6.3px;
   padding-top: 4px;
   
	-moz-border-radius: 10px;
	 border-radius: 10px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
   }
   
   .buttonBLUE:active {
   border-top-color: #21498E;
   background: #21498E;
    font-weight:normal;
	text-decoration:none;
   }
   
.buttonBLUE:link 
{	
color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.buttonBLUE a:visited 
{ 	
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
} 


.buttonBLUE:hover {
   border-top-color: #21498E;
   background: #21498E;
   color: #ccc;
   	font-weight:normal;
	text-decoration:none;
   } 
   
   .buttonBLUE:hover ul li a {
   background: #21498E;
   } 


 /*-----------------------------------------------*/
/*-----------------------------------------------*/
   
#deposit{
	width: 258px;
	float: left;
\\	border: solid 1px #000;
	margin-bottom:0px;
}

#deposit: table{
	width: 258px;
	float: left;
\\	border: solid 1px #000;
	margin-bottom:0px;
}

#deposit .top, #deposit .bottom{
	width: 258px;
	height: 4px;
}
#deposit .top{
	background: url(../images/deposit_top.gif) no-repeat;
}
#deposit caption{
	float: left;
}

#deposit caption h3{
	background: url(../images/newsroom_top.gif) no-repeat #d1d1d1;
	width: 258px;
}

#deposit table{
	float: right;
	clear: both;
	width: 258px;
}

#deposit table tbody{
	width: 258px;
	float: left;
}

#deposit table th{
	text-align: center;
	background-color: #e6e6e6;
	padding: 2px;
}

#deposit table tr.last td.left{
	background: #d1d1d1 url(../images/exrateleft.gif) bottom left no-repeat;
	padding-bottom: 6px;
}

#deposit table tr.last td.mid{
	background: #d1d1d1 url(../images/exratemid.gif) bottom no-repeat;

}

#deposit table tr.last td.right{
	background: #d1d1d1 url(../images/exrateright.gif) bottom right no-repeat;
	padding-bottom: 6px;

}

#deposit table td{
	width: 45%;
	text-align: center;
	
	background-color: #d1d1d1;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
#deposit table td img{

	margin-right: 4px;
	margin-top: 3px;
}
#deposit table tr.update td{
	border-top: none;
	background: #e6e6e6 url(../images/updatebg.gif) no-repeat bottom;
	text-align: left;
	color: #d92028;
	padding-left: 3px;
}

/*--------------------------------------- start of sitemap ----------------------------------*/
/*--------------------------------------- start of sitemap ----------------------------------*/
/*--------------------------------------- start of sitemap ----------------------------------*/
  
#pro{
	float: left;
	width: 530px;
	border-top: 1px solid #e4e4e4;
	padding-top: 16px;
	background-image: none;
	background-color: #fff;
}
#pro ul{
	margin-left: 0px;
}
 #pro ul li{
	width: 230px;
	height: 37px;
	float: left;
	margin-right: 11px;
	display: inline;
	background-repeat: no-repeat;
	margin-bottom: 14px;
	text-align:center;
}

#pro ul li a{
	float: left;
	color:#d92028;
	color:#006699;
	font-weight: bold;
	padding: 12px 0 0px 51px;
	text-align:center;
	text-decoration:none;
}

 #pro ul li a.e-banking{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
	padding-left:10px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

 #pro ul li a.communicate{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
		padding-left:10px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

 #pro ul li a.ask{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
		padding-left:10px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

 #pro ul li a.post{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
		padding-left:10px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

 #pro ul li a.awards{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
		padding-left:10px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

 #pro ul li a.forum{
	width: 230px;
	height: 25px;
	float: left;
	color: #d92028;
	padding-left:1px;
	font-weight: bold;
	background-image: url(../images/liens/congo-e-banking.gif);
	background-repeat: no-repeat;
}

#pro ul li a span{
	width: 230px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #3f3f3f;
	padding: 11px 11px 11px 11px;
	cursor: pointer;
}
 #pro ul li a img{
	width: 230px;
}


/*****************===============================******************/
/*****************Autres pages du site          ********************/
/*****************===============================*******************/

#htmlcontenair_grisebis {
	margin: 0px auto;
	padding:10px;
	width:78%;
	height:98%;;
	background-color:#d6d7d7;
}

#bodydetailbis{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:557px;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#bodydetailbis_plantung{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:auto;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
}

#bodydetailbis_plan{
	margin: 0px auto;
	padding:10px ;
	width:800Px;
	height:557px;
	font:normal 12px Trebuchet MS;
    font-weight: bold;
    background-color:#FFF;
	background-repeat:no-repeat;
	/* Mise en forme de la zone arrondi blanche */
	-moz-border-radius: 10px;
	 border-radius: 10px;
	 background-position:center;
	 background-image:url(../images/content_bg.gif);
	 background-repeat:no-repeat;
}

#leftdetailbar {
	width:200px;
	height:auto;
	
	 /* ;

	background-color: #E6E6E6;
	padding: 1px;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#005da8;
	font-weight:normal;
	text-decoration:none;	
	-moz-border-radius: 10px;
	 border-radius: 10px;
	 
	  */
}

#leftdetailbar1 {
	width:200px;
	height:auto;
	background-color: #E6E6E6;
	padding: 2px;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#005da8;
	font-weight:normal;
	text-decoration:none;	
	-moz-border-radius: 10px;
	 border-radius: 10px;
}

#copsrightdetailbar {
	padding: 2px;
	width:779px;
	height:auto;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#005da8;
	font-weight:normal;
	text-decoration:none;	
}

#copsrightdetailbar: leftbarfin {
	float:left;
	width:176px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	color:#797B7A;
}

#copsrightdetailbar: leftbarfinbis {
	float:inherit;
	width:176px;
	border-right:0px solid #BCBDBC;
	font-family:"Trebuchet MS";
	color:#797B7A;
}

#copsrightdetailbar td: leftbarfinbis  {
	width:388px;
}

#copsrightdetailbar: rightipc {
	float:right;
	width:176px;
	background-position:right;
	background-image:url(../images/ipc_logo.gif);
	background-repeat:no-repeat;
	}

#copsrightdetailbar td: rightip  {
	width:76px;
}


#filllbar {
	width:100%;
	height:0px;
	padding: 2px;
	padding-top:2px;
	}

/*..........................................*/
/*.................MENTION.........................*/
/*..........................................*/

#rightdetailbar {
	float:right;
	width:575px;
	height:auto;
	border-right:0px solid #BCBDBC;
	background-repeat:no-repeat;
	padding-left:5px;
}

#rightdetailbar p {
	font:normal 12px Trebuchet MS;
	text-decoration:none;
	margin-bottom:25px;
	color:#808080;
	font-style:normal;
	font-stretch:narrower;
	padding-left:5px;
}

#rightdetailbar a {
	font:normal 12px Trebuchet MS;
	text-decoration:underline;
	margin-bottom:25px;
	color:#808080;
	font-style:normal;
	padding-left:5px;
}

#rightdetailbar p Bryan {
	font:normal 14px Trebuchet MS;
	color:#808080;
	font-style:normal;
	font-weight:bold;
}

#rightdetailbar H2 {
	font:normal 17px Trebuchet MS;
	color:#D92229;
	font-style:normal;
	padding-left:4px;
}

#rightdetailbar q {
	font:normal 12px Trebuchet MS;
	color:#D92229;
}


#rightdetailbar  H4 {
    font:normal 14px Trebuchet MS;
	color:#808080;
	font-style:normal;
	padding-left:4px;
	font-weight:bold;
}

#rightdetailbar  H3 {
    font:normal 12px Trebuchet MS;
	color:#808080;
	font-style:normal;
	padding-left:4px;
	font-weight:bold;
}

#rightdetailbar ul li {
	font:normal 12px Trebuchet MS;
	color:#000000;
	font-style:normal;
}

/*.........PRESSE .........*/

#rightdetailbar_pres {
float:inherit;
	height:auto;
}

#rightdetailbar_pres table
{
	height:auto;
}

#rightdetailbar_presse1 {
	
	width:775px;
	height:auto;
	border-right:0px solid #BCBDBC;
	background-repeat:no-repeat;
	padding-left:5px;
}

#rightdetailbar_presse {
	float:right;
	width:775px;
	height:auto;
	border-right:0px solid #BCBDBC;
	background-repeat:no-repeat;
	padding-left:5px;
}

#rightdetailbar_presse p {
	font:normal 12px Trebuchet MS;
	text-decoration:none;
	margin-bottom:25px;
	color:#808080;
	font-style:normal;
	font-stretch:narrower;
	padding-left:5px;
}

#rightdetailbar_presse a {
	font:normal 12px Trebuchet MS;
	text-decoration:underline;
	margin-bottom:25px;
	color:#808080;
	font-style:normal;
	padding-left:5px;
}

#rightdetailbar_presse p Bryan {
	font:normal 14px Trebuchet MS;
	color:#808080;
	font-style:normal;
	font-weight:bold;
}

#rightdetailbar_presse H2 {
	font:normal 17px Trebuchet MS;
	color:#FFFFFF:
	font-style:normal;
	padding-left:4px;
}

#rightdetailbar_presse q {
	font:normal 12px Trebuchet MS;
	color:#D92229;
}


#rightdetailbar_presse  H4 {
    font:normal 14px Trebuchet MS;
	color:#808080;
	font-style:normal;
	padding-left:4px;
	font-weight:bold;
}

/*..............MENTION.................*/
/*..........................................*/


#rightdetailbarmention {
	float:right;
	width:779px;
	height:490px;
	border-right:0px solid #BCBDBC;
	background-repeat:no-repeat;

}

#rightdetailbarmention p {
	font:normal 12px Trebuchet MS;
	color:#797B7A;
	font-style:normal;
	padding-left:10px;

}

#rightdetailbarmention H2 {
	font:bold 14px Trebuchet MS;
	color:#D92229;
	font-style:normal;

}

#rightdetailbarmention q {
	font:normal 12px Trebuchet MS;
	color:#D92229;
}


#rightdetailbarmention H4 {
	font:normal 12px Trebuchet MS;
	color:#808080;
	font-style:normal;
}

#headiv h4 {
	font:normal 12px Trebuchet MS;
	font-size:33px;
	color:#808080;
	text-decoration:none;
	margin-top:2px;
}


/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/

#links{
	float: left;
	width: 170px;
	font-size: 11px;
	\\border:  1px #000;
	background: #E6E6E6;
}

#links ul{
    width: 169px;
	padding-left:10px;
	padding-right:15px;
	list-style-type:none;
	color:#d8d8d8;
}

#links ul li{
	margin-bottom: 1px;
	float: left;
	background: #CCC;
	text-decoration:none;
}

#links ul li a{
	width: 164px;
	float:left;
	padding: 4px 3px;
	margin-right: 10px;
	text-decoration:none;
    font:normal 12px Trebuchet MS;
	 color:#000000;
}

#links ul li a:hover{
	text-decoration: none;
	color:#990000;
}

#links ul li.more a{
	background: url(../images/arrow_close.gif) no-repeat;
}

#links ul li.more a.active{
	background: url(../images/arrow_open.gif) no-repeat right center #d8d8d8;
}

#links ul li a.active{
	text-decoration:none;
}

#links ul li.more ul{
	padding: 1px 0px 5px 0px;
	padding-bottom: 0px;
	text-decoration:none;
}

#links ul li.more ul li{
	padding-left: 4px;
	text-decoration:none;
}

#links ul li.more ul li a{
	width: 169px;
	margin-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	 text-decoration:none;
}

#links ul li.more ul li a:hover{
	text-decoration:none;
	background: url(../images/arrow_close.gif) no-repeat right center #d8d8d8;
	background-color:#FFFFFF;
}

#links ul li.more ul li a.active{
	text-decoration:none;
	background: url(../images/arrow_close.gif) no-repeat right center #d8d8d8;
	background-color:#CCC;
}


/*********************************************************************************/
/*************************PICTURE IMAGES******************************************/
/*********************************************************************************/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #FF0033;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*********************************************************************************/
/*************************TABLEAU ACTIONNAIRES************************************/
/*********************************************************************************/

.Actionnaire table {
border:3px solid #FF9900;
border-collapse:collapse;
width:90%;
margin:auto;
}

.Actionnaire thead, tfoot {
background-color:#FF9900;
background-image:url(sky.jpg);
border:1px solid  #FF9900;
}

.Actionnaire tbody {
background-color:#FFFFFF;
border:1px solid #FF9900;
}

.Actionnaire th {
font-family:Arial, Helvetica, sans-serif;
border:1px solid #FF9900;
padding:5px;
background-color:#EFF6FF; /***********Fond ente et pied de page*************/
width:25%;
}

.Actionnaire td {
font-family:sans-serif;
font-size:80%;
border:1px solid #FF9900;
padding:5px;
text-align:left;
}

.Actionnaire caption {
font-family:sans-serif;
}


/*********************************************************************************/
/*************************TABLEAU AGENCES ************************************/
/*********************************************************************************/

.Agence table {
border:3px solid #FF9900;
border-collapse:collapse;
width:90%;
margin:auto;
}

.Agence thead, tfoot {
background-color:#FF9900;
background-image:url(sky.jpg);
border:1px solid #CCCCCC;
}

.Agence tbody {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;	
}

.Agence th {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

padding:5px;
background-color:#FFFFFF; /****** FF9900*****Fond ente et pied de page*************/
width:25%;
}

.Agence td {
font-family:sans-serif;
font-size:80%;
border:1px solid #CCCCCC;
padding:5px;
text-align:left;
}

.Agence caption {
font-family:sans-serif;
}

/*****************************************************************/
/***********Fond ente et pied de page*************/
/*****************************************************************/

#bryan_entete {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#CC0000; 
height:20px;
}

#bryan_detail {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#009900; 
height:20px; 
}

#bryan_annonce {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#0099FF; 
height:20px; 
}



.publication img {
background: white url(../Astuces/dd.gif) repeat-y left top;
margin:auto;
}

h3:before{
content: ":: ";
color: red;
}

a.zipfile:after{
content: url(images/icon/dd.gif);
}

a.pdffile:after{
content: url(images/icon/icon_pdf.gif);
}