/* **********************************************************************************/
/* Elements strictement obligatoires : BODY, P, TABLE, TH, TR et TD*/
/* **********************************************************************************/

body    { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 10px 20px 10px; padding: 0px; line-height: 16px; }
table   { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
th      { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
tr      { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td      { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul      { margin-left: 20px; padding-left: 0px; }   /* Eleve l'identation disgracieuse. margin-left est pour IE ; padding-left est pour Moz. */
ol      { margin-left: 24px; padding-left: 0px; }   /* Eleve l'identation disgracieuse. margin-left est pour IE ; padding-left est pour Moz. */

/* 
p       { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
table   { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
th      { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
tr      { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
td      { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
li      { margin-left: -20px }
*/

/* **********************************************************************************/
/* Ihari OLD: Liens : pour donner couleur par defaut et soulignement eventuel */
/* Miora NEW: CSS pour le menu gauche. */
/* **********************************************************************************/

/* a           { color: blue; text-decoration: underline } */
/* a:link      { color: blue; text-decoration: underline } */
/* a:hover     { color: #000066; text-decoration: underline } */
/* a:active    { color: red; text-decoration: none } */
/* a:visited   { color: green; text-decoration: none } */

.Closed { display:none; font-family: arial, verdana; font-size: 9px; text-decoration: none; }
.Open { display:block; font-family: arial, verdana; font-size: 9px; text-decoration: none; }

.bottom, 
a.bottom:link, 
a.bottom:hover, 
a.bottom:visited { 
    color: #C9BC99; 
    text-decoration: none; 
}
a.menu1:link, 
a.menu1:hover, 
a.menu1:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}
.menu2, 
a.menu2:link, 
a.menu2:hover, 
a.menu2:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #438861;
    text-decoration: none;
}

.menu3, 
a.menu3:link, 
a.menu3:hover, 
a.menu3:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #88A896;
    text-decoration: none;
}

a.menu4:link, 
a.menu4:hover, 
a.menu4:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}

.menuaccueil {margin-top: 23px;}
.menuaccueil td{height:28px;}

.left {
    float: left;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 0px;
}
.right {
    float: right;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.big {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
}
a:link {
    color: #438861;
    text-decoration: underline;
}
a:hover {
    color: #438861;
    text-decoration: underline;
}
a:visited {
    color: #438861;
    text-decoration: underline;
}

/* **********************************************************************************/
/* Titrage */
/* **********************************************************************************/
/* Les titrages standards HTML en H1..Hn sont codifies ici mais ils sont peu pratiques
   a disposer (du moins dans IE4 et Nav4.x). Pour plus de securite, utiliser de
   preference les Head1...Headn qui sont de simples mises en forme de polices */

/* Quand H1 est-il utilis par Miora pour tre en italiques et de si petite taille ? 
Notre convention : puisque Miora commence H1 a 16, tout le reste sera en dessous par
pas de 2 px. Nous mettons aussi tout le monde en italiques pour l'homogeneite. */
H1     { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #438861; font-style: italic; text-align: left; }
H2     { font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #438861; font-style: italic; }
H3     { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5C584A; font-style: italic; }
H4     { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #438861; font-style: italic; }
H5     { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5C584A; font-style: italic; }

/* Miora se sert apparement de Head1 comme titre blanc sur fond color,
tandis que Head2 est un titre noir en italiques. Son utilisation de Head3
est bizzare et ne semble pas etre un titrage (chapeau ou intertitre ou
simple mise en valeur ?) */

.head1 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
.Head2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-style: italic;}
.head3 { font-weight: bold; color: #5C584A; }
/* .Head3 { font-size: 14px; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: black } */
.Head4 { font-size: 12px; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: black }
.Head5 { font-size: 10px; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; color: black }

/* **********************************************************************************/
/* Pour les affichages/cachages d'lements de page */
/* **********************************************************************************/

.HandCursor { cursor: hand }
.Expanded   { color: black }
.Collapsed  { display: none }

/* **********************************************************************************/
/* Effets de texte habituels pour tout site, a utiliser de preference a <font> */
/* **********************************************************************************/

.Tiny        { font-size:  9px }
.Mini        { font-size: 10px }
.Small       { font-size: 11px }
.Medium      { font-size: 14px }
.Big         { font-size: 16px }

.Black       { color: #000000 }
.White       { color: #FFFFFF }
.Gray        { color: #CCCCCC }     /* Gray est le standard, et non pas "Grey" */
.Deactivated { color: #CCCCCC }
.Todo        { color: #ff6600; font-size: 14px; font-weight: bold; }

/* Addifif Miora */
.green { color: #438861; }      /* Miora. Nous avons enlev "font-weight: normal"; superflu ?*/
.grey  { color: #999999; }      /* Miora. Nous avons enlev "font-weight: normal"; superflu ?*/

/* **********************************************************************************/
/* BOA Font Styles */
/* **********************************************************************************/

.BOAFontGreen1      { color: #018650; }      /* Idem au dgrad sombre des camemberts */
.BOAFontGreen2      { color: #39946A; }      /* Idem au dgrad moyen des camemberts */
.BOAFontGreen3      { color: #86B397; }      /* Idem au dgrad clair des camemberts */
.BOAFontGreen4      { color: #DEE9E0; }      /* Idem au dgrad le plus clair des camemberts */

/* BOA Background Styles */

.BOAYellow          { background-color: #FFDF19; }
.BOAGreen           { background-color: #009554; }      /* Idem  .BOAGroupDark */
.BOAGreen1          { background-color: #018650; }      /* Idem au dgrad sombre des camemberts */
.BOAGreen2          { background-color: #39946A; }      /* Idem au dgrad moyen des camemberts */
.BOAGreen3          { background-color: #86B397; }      /* Idem au dgrad clair des camemberts */
.BOAGreen4          { background-color: #DEE9E0; }      /* Idem au dgrad le plus clair des camemberts */

.ShareAFH           { background-color: #018650; }      /* Dgrads des camemberts */
.ShareBOAOther      { background-color: #39946A; }      /* Dgrads des camemberts */
.ShareNational      { background-color: #86B397; }      /* Dgrads des camemberts */
.ShareInstitutions  { background-color: #DEE9E0; }      /* Dgrads des camemberts */

.BOAGroupDark       { background-color: #009554; }
.BOAGroupLite       { background-color: #ADD7C0; }

.BOABeninDark       { background-color: #D47219; }
.BOABeninLite       { background-color: #F3CDAB; }
.BOABenin2005       { background-color: #B0967F; }
.BOABenin2005L      { background-color: #E7DFD6; }



.BOAFasoDark        { background-color: #5D387A; }
.BOAFasoLite        { background-color: #BCB0CD; }
.BOAFaso2005        { background-color: #BC9E32; }
.BOAFaso2005L       { background-color: #EFE7CE; }

.BOAIvoireDark      { background-color: #005E9D; }
.BOAIvoireLite      { background-color: #A4BBDB; }
.BOAIvoire2005      { background-color: #0BA9B5; }
.BOAIvoire2005L     { background-color: #D3E9EE; }

.BOAKenyaDark       { background-color: #BD4450; }
.BOAKenyaLite       { background-color: #E9BDB8; }
.BOAKenya2005       { background-color: #73814F; }
.BOAKenya2005L      { background-color: #8A936A; }

.BOAMadaDark        { background-color: #935537; }
.BOAMadaLite        { background-color: #D7BDAE; }
.BOAMada2005        { background-color: #50877E; }
.BOAMada2005L       { background-color: #D5DFDD; }

.BOAMaliDark        { background-color: #118584; }
.BOAMaliLite        { background-color: #B4CED1; }
.BOAMali2005        { background-color: #E9A580; }
.BOAMali2005L       { background-color: #FAEBDF; }

.BOANigerDark       { background-color: #5E7426; }
.BOANigerLite       { background-color: #C4C9AA; }
.BOANiger2005       { background-color: #EBBE70; }
.BOANiger2005L      { background-color: #FAF0DD; }

.BOAUgandaDark       { background-color: #C85517; }
.BOAUgandaLite       { background-color: #EECCB9; }
.BOAUganda2005       { background-color: #73814F; }
.BOAUganda2005L      { background-color: #8A936A; }

.BHBDark            { background-color: #D47219; }
.BHBLite            { background-color: #F3CDAB; }
.BHB2005            { background-color: #A08268; }
.BHB2005L           { background-color: #D2C4B6; }

.BOASenegalDark     { background-color: #8A0062; }
.BOASenegalLite     { background-color: #D2AAC4; }
.BOASenegal2005     { background-color: #D5AA9B; }

.ActibourseDark     { background-color: #5D3876; }
.ActibourseLite     { background-color: #BCB0CD; }

.AgoraDark          { background-color: #009554; }      /* Idem  .BOAGroupDark */
.AgoraLite          { background-color: #ADD7C0; }      /* Idem  .BOAGroupLite */

.AtticaDark          { background-color: #009554; }      /* Idem  .BOAGroupDark */
.AtticaLite          { background-color: #ADD7C0; }      /* Idem  .BOAGroupLite */

/* **********************************************************************************/
/* Les tables standards a contours et en-tete beiges */
/* **********************************************************************************/

.Table1     { background-color: #ECE8D9; }
.CellBg1    { background-color: #F9F8F2; }
.CellFg1    { color: #5C584A; font-weight: bold; }
.CellBg2    { background-color: #FFFFFF; }
a.Link1:link    { color: #003300; text-decoration: underline; }
a.Link1:hover   { color: #003300; text-decoration: underline; }
a.Link1:active  { color: #003300; text-decoration: underline; }
a.Link1:visited { color: #003300; text-decoration: underline; }

/* Specialement cree pour les retraits manuels (listes a puces) dans les tableaux */

.indent1 { margin-left: 20px; text-indent: -10px; }
.indent2 { margin-left: 30px; text-indent: -10px; }

/* **********************************************************************************/
/* Pour les boutons, zones texte, textarea et select afin de donner de jolis effets */
/* **********************************************************************************/
/* Utiliser CommandButton pour les boutons ; comme on ne lui a pas donne de width,
   on peut utiliser un "style={width:200;}" si on veut preciser la taille du bouton */

/* De maniere similaire, utiliser TextBox et TextareaBox pour respectivement les
   zone de texte et les text area. Neanmoins, des tailles standards sont disponibles
   si on ne veut pas ajouter des styles a chaque fois: TextBox_1, TextBox_2 et
   TextBox_3 ont respectivement des largeur standards de 100px, 1950px et 290px,
   tandis que TextareaBox_2li et TextareaBox_4li sont tous deux a 400px de largeur
   mais ont respectivement 40px et 60px en "nombre de lignes" (environ 2 lignes
   et 4 lignes respectivement). */

.CommandButton {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #CCCCCC;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    border-left: 2px solid #EEEEEE;
    border-top: 2px solid #EEEEEE;
    color: #000000;
    height: 20px;
    text-decoration: none;
    cursor: none }

.TextBox {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    text-decoration: none;
    cursor: none }

.TextBox_1 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 100px;
    text-decoration: none;
    cursor: none }

.TextBox_2 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 195px;
    text-decoration: none;
    cursor: none }

.TextBox_3 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 290px;
    text-decoration: none;
    cursor: none }

.TextBox_4 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 400px;
    text-decoration: none;
    cursor: none }

.TextareaBox {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    width: 400px;
    text-decoration: none;
    cursor: none }
    
.TextareaBox_2li {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 40px;
    width: 400px;
    text-decoration: none;
    cursor: none }

.TextareaBox_4li {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 60px;
    width: 400px;
    text-decoration: none;
    cursor: none }

/* **********************************************************************************/
/* Pour les effets de bouton en relief dans les liens de menu. Doit s'utiliser avec
   les fonctions javascript btnUp(), btnHide() et btnDown() dans nos en-tetes standards */    
/* **********************************************************************************/

.NavLink    { COLOR: #000000; text-decoration: none; }
.NavUp      { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #FFFFFF #999999 #999999 #FFFFFF; PADDING: 0 1 1 1; background-color: #FFFFFF; }
.NavDown    { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #999999 #FFFFFF #FFFFFF #999999; PADDING: 1 0 0 2; background-color: #FFFFFF; }
.NavOff     { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; PADDING: 0 1 1 1; background-color: #FFFFFF; }


/* Miora : menus verts a homogeneiser */
a.menu1:link,a.menu1:hover,a.menu1:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}
.menu2,a.menu2:link,a.menu2:hover,a.menu2:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #438861;
    text-decoration: none;
}
.menu3,a.menu3:link,a.menu3:hover,a.menu3:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    color: #88A896;
    text-decoration: none;
}
a.menu4:link,a.menu4:hover,a.menu4:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}
.align_left {
	float: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.align_right {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#marquee {
/*width: 80%;*/
margin:0 0 15px 139px;
background-color: #F8F7F5;
padding: 7px 20px;
}
#marquee a{
font:normal 11px verdana;
color: #595650;
text-decoration: none;
}
.bg  {
background:#FFFFFF url(images/bg_.gif) repeat-y;
}