/*
        FEUILLE DE STYLE CSS
        Date : 25.08.06
        par Free-Nun'S
--------------------------------------------------------------------------------
*/
/*
* Les balises html et body
* ------------------------
*/
html body {
        font-family: verdana, arial, sans-serif ;
        font-size: 8pt ;
        color: #000000 ;
        /*background-image: url('../imgs/afrique.jpg');*/
        background-color: white;
        }
        

/*
 * Titre du site
 * ---------------
 */

#bloc_site {
        width: 100%;
        height: 100%;
        border: #000000 0px solid;

}

.blocTitre {
	height:120px;
	background-image: url('../imgs/site/fonduVertSmall.png');
}

.blocTitre .col1{
	height:120px;
	width:119px;
	float:left;
} 

.blocTitre .col2{
	height:120px;
	background-image: url('../imgs/site/titreAfricaguineeSmall.png');
	background-repeat: no-repeat;
	background-position: center;
	margin-left:120px;
	margin-right:180px;
	text-align:center;
}

.blocTitre .col3{
	height:120px;
	width: 178px;
	float:right;
}  

.ImageAnnonce {
        float : left;
        padding-right: 7px;

}

.ImageAnnonce2 {
        float : right;
        padding-right: 7px;

}

.ImageGauche {
        float-top: center;
}

/*
 *  Boite
 * --------
 */
#boite
{
    border: 1px solid;
    border-color: #a3c0d5;
    background-color: #e9eefb;
    font-family: Arial, serif, Verdana;
    font-size: 12px;
    padding-left: 1em;
}


/*
 * Menu Titre
 * ----------
 */

.titre-menu {
        font-weight: bold;
        font-size: 7pt;
        text-align: right;
        width: 100%;

}

.bordure-table{
        width: 100%;
        margin-top: 5px;
        border: #33CC00 2px ridge ;
        font-size: 8pt ;
}

/* Modules Menu-Global
-----------------------*/
.bloc_menu {
        margin-right: 5px;
        width: 200px;
        float: left;
        background-color: #FFFFFF;
}

.bloc_menu_Gauche {
        margin-right: 5px;
        width: 340px;
        float: left;
        background-color: #FFFFFF;
}

.bloc_menu_titre {
        background-color:#009900;
        padding-top: 1px;
        padding-left: 5px;
        color: #FFFF00 ;
        font-size: 10pt ;
        font-weight: bold ;
}

.bloc_menu_bas {
        background-color:#009900;
        padding-top: 1px;
        padding-left: 5px;
        color: #FFFF00 ;
        font-size: 7pt ;
        text-align: right;
}

.bloc_menu_contenu {
        font-size: 10pt ;
        padding: 10px ;
}

.bloc_menu_contenu_gauche {
        font-size: 12pt ;
        font-family: arial ,monospace, sans-serif ;
        padding: 15px ;
        background-image: url('../imgs/menufondgauche.png');

}

/* Modules Contenu-Global
-----------------------*/
.bloc_contenu {
        width: 100%;
        vertical-align: bottom
        float: center;
        background-color: white;

}

.bloc_contenu_titre {
        width: 100%;
        background-color:#009900;
        padding-top: 1px;
        padding-left: 5px;
        color: #FFFF00 ;
        font-size: 10pt ;
        font-weight: bold ;
}

.bloc_contenu_bas {
        width: 100%;
        background-color:#009900;
        padding-top: 1px;
        padding-left: 5px;
        color: #FFFF00 ;
        font-size: 7pt ;
        text-align: right;

}

.bloc_contenu_contenu {
        width: 100%;
        font-size: 10pt ;
        padding: 10px ;
        float: center;
}
/* Sepcial rubrique Acceuil
------------------------------*/
.bordure-Rubrique{
		float: center;
		width: 265px;
        margin-top: 5px;
        font-size: 8pt ;
}

.bloc_Rubrique_titre {
        background-color:white;
        padding-top: 1px;
        padding-left: 5px;
        color: #000099 ;
        text-align: left;
        font-size: 10pt ;
        font-weight: bold ;
        border-bottom: inset;
}

.bloc_Rubrique_contenu {
        font-size: 8pt ;
        padding: 10px ;
        text-align: left;
}

.bloc_Rubrique_bas {
        background-color:#white;
        padding-top: 1px;
        padding-left: 5px;
        color: #000099 ;
        font-size: 7pt ;
        text-align: right;
        border-top-style: double
}


/* Bloc pour le pied de page
-----------------------------*/

#pieddepage {
        height: 18px ;
        margin: 1px;
        text-align: center ;
        border-bottom: #FF0000 3px ridge ;
        clear: both ;
        }

.textepieddepage {
        padding-top: 2px ;
        color: #000000 ;
        }
/*
 * Pour l'affichage des news
 * -------------------------
 */
.bloc_form {
        width: 100%;
        vertical-align: bottom;
}

.bloc_form_titre {
        background-color:#1D477C;
        padding-top: 1px;
        padding-left: 5px;
        color: #FFFF00 ;
        font-size: 10pt ;
        font-weight: bold ;
        text-align: right;
        vertical-align:top;

}

.bloc_form_liste {
        background-color:#D0DCE8;
        padding-top: 1px;
        padding-left: 5px;
        color: #000000 ;
        font-size: 8pt ;
        text-align: left;

}
/*
 * Pour les Formulaires
 * ---------------------
 */
#text{
        font-family: arial, sans-serif ;
        color: #000000 ;
        font-size: 9pt ;
        text-align: left;
}

.textTableau{
        font-family: arial, sans-serif ;
        color: #000000 ;
        font-size: 10pt ;
        text-align: left;
}
/* Tableau Annonce
-------------------*/
.annonce-table-bordur{
        width: 100%;
        margin-top: 5px;
        border: #33CC00 2px ridge ;
        font-size: 8pt ;
}

.annonce_table_contenu {
        font-size: 10pt ;
        padding: 20px ;
        float: center;
}
.annonce-table-titre {
        width: 100%;
        border-bottom: #008800 1px solid ;
        display:Block;
        padding-top: 1px;
        font-size: 9pt ;
        font-weight: bold ;
}

.annonce-table-pied {
	    width: 100%;
        border-top: #008800 1px solid ;
        display:Block;
        text-align: center;
        font-size: 9pt ;
        font-weight: bold ;
}



/* Style pour les lien
-----------------------*/
A:link          {
        text-decoration: none;
        color: #000000;

}

A:visited       {
        color: #000000;
        text-decoration:none;

}
A:hover         {
        color: #000000;
        font-weight: bold;
}

.sidelink:link        {
        color: #000000;
        font-weight: bold;
}
.sidelink:visited        {
        color: #000000;
       font-weight: bold;
        
}
.sidelink:hover{
		color: #000000
		font-weight: bold;
		text-decoration: underline;
}


.Menulink:link        {
        color: #000000;
        text-decoration: none;
   		display:Block;
   		border-bottom: #008800 1px solid ;
}
.Menulink:visited        {
        color: #000000;
        text-decoration: none;
   		display:Block;
   		border-bottom: #008800 1px solid ;
}

.Menulink:hover        {
        color: #000000;
        text-decoration: none;
        border-top: #008800 1px solid ;
        border-bottom: #008800 1px solid ;
        font-weight: normal;

}
/*
        Les titres
        ----------
*/
h1 {
        padding: 0px ;
        padding-left: 15px ;
        padding-top: 25px ;
        margin: 10px ;
        color: #000099;
        font-size: 22pt ;
        font-weight: bold ;
        }
h2 {
        padding: 0px ;
        padding-left: 5px ;
        padding-right: 5px ;
        padding-bottom: 2px ;
        margin-left: 5px ;
        margin-right: 10px ;
        margin-bottom: 0px ;
        margin-top: 5px ;
        color: #336699 ;
        font-size: 12pt ;
        font-weight: bold ;
        border-bottom: #336699 2px solid ;
        }
/*****************************************************************************
 * MENU HORIZONTAL
 ********************************************************************************/
.preload1 {background: url(six_0a.gif);}
.preload2 {background: url(six_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(../imgs/menu/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li.topRight {display:block; float:right;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../imgs/menu/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../imgs/menu/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../imgs/menu/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(../imgs/menu/six_1.gif) no-repeat;}
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url(../imgs/menu/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../imgs/menu/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:155px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:155px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(../imgs/menu/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(../imgs/menu/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(../imgs/menu/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(../imgs/menu/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}